﻿/* Project presentation: preserve covers without distortion or excessive vertical space. */
.project-detail{padding-top:30px}.project-breadcrumb{margin-bottom:26px;font-size:16px}.project-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:48px;align-items:center}.project-intro{min-width:0}.project-intro h1{font-size:clamp(32px,4vw,48px);letter-spacing:-1px}.project-description{font-size:19px;line-height:1.75;color:#515151;max-width:62ch}.project-cover{margin:0;display:grid;place-items:center;min-width:0;overflow:hidden;background:#eee9de;border:1px solid #e3ddcf;border-radius:18px;padding:12px}.project-cover img{display:block;width:100%;height:430px;object-fit:contain;border-radius:10px}.project-nearby,.project-detail .project-map{padding:32px;background:#fff;border:1px solid #e5dfd2;border-radius:18px;margin:36px 0}.project-nearby h2,.project-detail .project-map h2,.project-contact h2{font-size:28px;margin-bottom:16px}.project-nearby ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 28px}.project-nearby li{display:flex;gap:12px;align-items:baseline;color:#454545}.project-nearby li:before{content:'✓';color:#92722d;font-weight:700}.project-detail .project-map p{font-size:16px;color:#666;margin-bottom:20px}.project-detail .project-map-frame{height:360px;margin-top:20px;display:block}.project-contact{display:flex;align-items:center;gap:30px;justify-content:space-between;padding:30px;border-radius:18px;background:#eee7d6}.project-contact p{margin:0;color:#515151}.project-contact .epy-button{flex-shrink:0}#ubicacion-proyecto{scroll-margin-top:28px}.project-cards article{padding:18px;gap:8px;overflow:hidden}.project-cards article>a{display:grid;place-items:center;border-radius:10px;background:#eee9de;height:260px;overflow:hidden}.project-cards article>a img{width:100%;height:244px;object-fit:contain}.project-cards h2{font-size:24px;margin:12px 0 4px}.project-cards p{font-size:17px;line-height:1.6;margin:0 0 16px}.project-cards .epy-actions{margin-top:auto}.project-cards .epy-button{width:100%}
@media(max-width:900px){.project-hero{gap:28px}.project-cover img{height:360px}.project-contact{align-items:flex-start;flex-direction:column}}
@media(max-width:680px){.project-detail{padding-top:24px}.project-hero{grid-template-columns:1fr;gap:24px}.project-intro h1{font-size:32px}.project-description{font-size:18px}.project-cover img{height:320px}.project-cover{padding:10px}.project-nearby,.project-detail .project-map{padding:22px;margin:26px 0}.project-nearby ul{grid-template-columns:1fr;gap:10px}.project-contact{padding:24px}.project-contact .epy-button{width:100%}.project-detail .epy-actions{gap:10px}.project-cards article>a{height:280px}.project-cards article>a img{height:264px}.project-detail .project-map-frame{height:300px}}
/* Compact navigation and consistent listing excerpts. */
.native-header img{width:220px}.native-header nav{gap:12px}.native-header nav a{font-size:16px}.native-languages:not(:has(a:nth-child(2))){display:none}.project-cards p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;flex:none}.project-cards h2{min-height:2.4em}
@media(min-width:1200px){.native-header{flex-wrap:nowrap;gap:22px}.native-header>a{flex-shrink:0}.native-header nav{justify-content:flex-end}}
@media(max-width:680px){.native-header{padding:14px 18px}.native-header img{width:200px}.native-header nav{gap:4px 14px}.native-header nav a{font-size:15px;min-height:44px}.project-cards h2{min-height:0}}

/* Natural source proportions: no forced image height or clipped project artwork. */
.project-hero{grid-template-columns:minmax(0,1fr) minmax(260px,.8fr);align-items:start;gap:36px}
.project-cover{padding:0;background:#fff;align-self:start;border-radius:14px}
.project-cover img{width:auto;max-width:100%;height:auto;max-height:560px;object-fit:contain;border-radius:0;margin:auto}
.project-cards article>a{height:auto;aspect-ratio:4/3;padding:12px;background:#f7f5ef}
.project-cards article>a img{width:100%;height:100%;max-width:100%;object-fit:contain}
@media(max-width:760px){.project-hero{grid-template-columns:1fr;gap:24px}.project-cover img{max-height:480px}.project-cover{width:100%}.project-intro h1{overflow-wrap:anywhere}}
