@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');:root{--ink:#12312f;--deep:#103b38;--muted:#66716d;--line:#dce3df;--paper:#fbfcfa;--soft:#eef3ef;--gold:#ba8859}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;color:var(--ink);background:var(--paper);font-family:'DM Sans',sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{display:block;width:100%}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,sans-serif;letter-spacing:-.045em;line-height:1.13}h2{font-size:clamp(2.15rem,4.2vw,4.3rem);font-weight:800}h2 span,h1 em{font-style:normal;color:#8b9f98}.eyebrow{font-size:.69rem;font-weight:800;letter-spacing:.2em;color:var(--gold);margin-bottom:25px}.topbar{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,5.5vw,100px);background:#fff;position:sticky;top:0;z-index:30;border-bottom:1px solid #e9eeeb}.brand{display:flex;align-items:center;gap:11px;font:800 1.03rem/1 Manrope,sans-serif;letter-spacing:.075em}.brand small{display:block;font-size:.59rem;letter-spacing:.24em;margin-top:5px}.brand-mark{display:grid;place-items:center;width:39px;height:39px;background:var(--deep);color:white;font-size:24px;border-radius:3px;position:relative}.brand-mark span{font-size:10px;position:absolute;right:2px;bottom:3px;color:#cfad82}nav{display:flex;align-items:center;gap:30px}nav a{font-size:.83rem;font-weight:700}nav a:hover,.quiet-link:hover{color:#b17b4c}.nav-cta{background:var(--deep);color:white;padding:13px 20px}.nav-cta:hover{color:white;background:#23645e}.menu-toggle{display:none}.hero{max-width:1560px;margin:auto;padding:clamp(44px,6vw,95px) clamp(24px,6vw,110px);display:grid;grid-template-columns:1fr 1.04fr;align-items:center;gap:clamp(30px,5vw,90px);min-height:680px}.hero h1{font-size:clamp(2.6rem,5vw,5.25rem);font-weight:800;margin-bottom:25px}.hero .lead{font-size:clamp(1rem,1.4vw,1.17rem);color:#5a6964;max-width:520px}.actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin-top:30px}.btn{display:inline-flex;align-items:center;gap:30px;padding:17px 24px;font-weight:800;font-size:.86rem;transition:transform .3s,background .3s}.btn:hover{transform:translateY(-3px)}.primary{background:var(--deep);color:#fff}.quiet-link{font-size:.85rem;font-weight:800}.hero-stats{display:flex;gap:40px;margin-top:62px;padding-top:23px;border-top:1px solid var(--line)}.hero-stats div{display:flex;flex-direction:column}.hero-stats b{font:800 2rem Manrope}.hero-stats span{font-size:.75rem;color:var(--muted)}.hero-media{position:relative}.hero-slides{position:relative;height:clamp(340px,37vw,545px);overflow:hidden;background:#e4e8e5}.hero-slides>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#e6eae7;opacity:0;transition:opacity 1.2s ease,transform 7s ease;transform:scale(1.02)}.hero-slides>img.active{opacity:1;transform:scale(1.055)}.slide-dots{position:absolute;bottom:16px;left:18px;display:flex;gap:8px}.slide-dots button{width:25px;height:4px;border:0;background:#b9c6c2;padding:0}.slide-dots button.active{background:#fff;width:38px}.media-note{position:absolute;right:-20px;bottom:-26px;background:var(--deep);color:#fff;padding:20px 26px;display:flex;flex-direction:column;min-width:220px}.media-note span{font-size:.6rem;letter-spacing:.2em;color:#e2b68a}.media-note strong{font:700 1rem Manrope}.trust{background:var(--soft);padding:95px clamp(24px,9vw,155px);display:grid;grid-template-columns:1fr 1fr;gap:80px}.trust-body{max-width:630px;color:#566560;font-size:1.06rem}.trust-body p+p{margin-top:22px}.services,.projects,.journey,.renders{padding:100px clamp(24px,7vw,130px)}.section-heading{max-width:810px;margin-bottom:46px}.section-heading>p:last-child{max-width:660px;color:var(--muted);font-size:1.05rem}.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;max-width:1450px;margin:auto}.service-card{background:white;border:1px solid var(--line);overflow:hidden;transition:transform .45s,box-shadow .45s}.service-card:hover{transform:translateY(-6px);box-shadow:0 18px 45px #0c342519}.service-image{height:205px;overflow:hidden;background:#e7ece9}.service-image img{height:100%;object-fit:cover;transition:transform 1.1s}.service-card:hover img{transform:scale(1.055)}.service-content{padding:25px 26px 29px}.service-content>span{color:#a07851;font-size:.64rem;letter-spacing:.14em;font-weight:800}.service-content h3{font-size:1.2rem;margin:12px 0}.service-content p{font-size:.87rem;color:var(--muted);margin:0}.feature{display:grid;grid-template-columns:1fr 1fr;background:var(--deep);color:#fff}.feature-photo{height:510px}.feature-photo img{height:100%;object-fit:cover}.feature-copy{align-self:center;padding:70px clamp(30px,7vw,120px)}.feature-copy h2{font-size:clamp(2.2rem,3.5vw,3.7rem)}.feature-copy p:not(.eyebrow){color:#d6e1dd;max-width:490px}.text-cta{display:inline-block;margin-top:15px;padding-bottom:8px;border-bottom:1px solid #d1a273;font-weight:700}.projects{background:#f1f5f2}.project-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.project{margin:0;background:white;overflow:hidden}.project img{height:225px;object-fit:cover;transition:transform .8s}.project:hover img{transform:scale(1.06)}.project figcaption{padding:15px 16px;font-weight:800;font-size:.85rem}.journey-layout{display:grid;grid-template-columns:1.05fr 1fr;gap:55px;align-items:center}.journey-photo{height:440px;position:relative;background:#e7eae6;overflow:hidden}.journey-photo img{width:100%;height:100%;object-fit:contain;transition:opacity .5s,transform .7s}.journey-photo img.changing{opacity:.15;transform:scale(1.03)}.journey-counter{font:800 1.1rem Manrope;margin-top:15px}.journey-counter span+span{color:#98a6a0}.step-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.step-buttons button{background:transparent;border:0;border-top:2px solid #d8e1dc;padding:13px 4px;text-align:left;color:#7c8983}.step-buttons button.selected{border-top-color:var(--deep);color:var(--deep)}.step-buttons button span{display:block;font-size:.7rem}.step-buttons button strong{font-size:.83rem}.step-description{min-height:200px;padding-top:25px}.step-description h3{font-size:clamp(1.5rem,2.4vw,2.3rem)}.step-description p{color:var(--muted)}.small-note{font-size:.72rem;font-style:italic}.step-nav{display:flex;align-items:center;gap:10px}.step-nav button{background:var(--deep);color:white;border:0;width:44px;height:44px}.step-nav span{font-size:.78rem;color:var(--muted);margin-left:10px}.renders{background:#f3f6f3}.render-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.render-grid figure{margin:0;background:#fff}.render-grid img{height:330px;object-fit:contain;background:#e9eeeb;transition:transform .7s}.render-grid figure{overflow:hidden}.render-grid figure:hover img{transform:scale(1.035)}.render-grid figcaption{padding:18px;font-weight:800;font-size:.87rem}.cta{background:#143b37;color:#fff;padding:100px clamp(24px,8vw,145px);display:grid;grid-template-columns:1.5fr .65fr;gap:90px}.cta h2{font-size:clamp(2.7rem,5vw,5.4rem)}.cta p:not(.eyebrow){max-width:670px;color:#d1dfd9;font-size:1.07rem}.btn.light{background:#e8f0e9;color:var(--deep);margin-top:25px}.cta-side{align-self:center;border-left:1px solid #5a7771;padding-left:35px}.cta-side span{font:800 clamp(2.5rem,5vw,5rem) Manrope}.cta-side small{color:#c2d1ca}footer{padding:45px clamp(24px,7vw,130px);background:#092824;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:35px;flex-wrap:wrap}footer strong{font-family:Manrope}footer p,footer small{font-size:.75rem;color:#bdcbc5}footer a{display:block;font-size:.82rem;margin:7px 0}.floating-wa{position:fixed;bottom:22px;right:22px;background:#22c55e;color:white;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;font-size:.8rem;font-weight:800;box-shadow:0 8px 22px #0003;z-index:20}.reveal{opacity:0;transform:translateY(24px);transition:opacity .75s ease,transform .75s ease}.reveal.visible{opacity:1;transform:none}@media(max-width:1050px){nav{gap:15px}.hero{grid-template-columns:1fr 1fr;padding:60px 30px}.service-grid{grid-template-columns:repeat(2,1fr)}.project-grid{grid-template-columns:repeat(2,1fr)}.trust{gap:35px}.feature-copy{padding:45px}}@media(max-width:720px){.topbar{height:67px;padding:0 20px}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:5px;background:none;border:0;width:42px;height:42px}.menu-toggle span{width:24px;height:2px;background:var(--ink);transition:transform .25s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(7px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:nth-child(2){opacity:0}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-7px) rotate(-45deg)}nav{display:none;position:absolute;top:67px;left:0;right:0;background:white;padding:20px 25px 28px;box-shadow:0 15px 25px #0001;flex-direction:column;align-items:stretch;gap:0}nav.open{display:flex}nav a{padding:14px 4px;border-bottom:1px solid var(--line)}nav .nav-cta{text-align:center;margin-top:12px;padding:13px}.hero{display:flex;flex-direction:column;padding:45px 23px 75px;gap:32px;min-height:0}.hero-copy,.hero-media{width:100%}.hero h1{font-size:clamp(2.4rem,9vw,4.4rem)}.hero-stats{margin-top:35px}.hero-slides{height:300px}.media-note{right:0;bottom:-27px;min-width:180px;padding:13px 18px}.trust,.feature,.journey-layout,.cta{grid-template-columns:1fr}.trust{padding:65px 23px;gap:15px}.services,.projects,.journey,.renders{padding:70px 23px}.service-grid{grid-template-columns:1fr;gap:16px}.service-image{height:220px}.feature-photo{height:290px}.feature-copy{padding:55px 25px}.project-grid{grid-template-columns:1fr 1fr;gap:10px}.project img{height:145px}.project figcaption{font-size:.72rem;padding:12px}.journey-layout{gap:28px}.journey-photo{height:285px}.step-buttons button strong{font-size:.68rem}.step-description{min-height:0}.render-grid{grid-template-columns:1fr}.render-grid img{height:260px}.cta{padding:70px 24px;gap:35px}.cta-side{border-left:0;border-top:1px solid #5a7771;padding:22px 0 0}footer{padding:40px 24px;display:block}footer>div{margin-bottom:24px}.eyebrow{margin-bottom:18px}.section-heading{margin-bottom:32px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}
/* GALERÍAS CON TRANSICIONES REALES: fundido, movimiento y progreso */
.motion-gallery,.motion-figure{position:relative;isolation:isolate;overflow:hidden}
.motion-gallery .motion-frame{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#e8ece9;opacity:0;transform:scale(1.015) translateX(8px);transition:opacity 1.15s ease,transform 5.5s ease;pointer-events:none}
.motion-gallery .motion-frame.is-current{opacity:1;transform:scale(1.045) translateX(0);z-index:1}
.motion-progress{position:absolute;z-index:3;bottom:0;left:0;height:4px;background:#b88958;width:0;transition:width 8.5s linear}
.motion-gallery.is-playing .motion-progress{width:100%}
.motion-figure>.motion-frame{position:absolute;top:0;left:0;width:100%;height:225px;object-fit:contain;background:#e7ebe8;opacity:0;transform:scale(1.01);transition:opacity 1.2s ease,transform 5.2s ease}
.motion-figure>.motion-frame.is-current{opacity:1;transform:scale(1.055)}
.motion-figure>figcaption{position:relative;margin-top:225px;background:white;z-index:2}
.render-grid .motion-figure>.motion-frame{height:330px}
.render-grid .motion-figure>figcaption{margin-top:330px}
.service-card.visible:nth-child(3n+2){transition-delay:.11s}.service-card.visible:nth-child(3n+3){transition-delay:.22s}
.project.visible:nth-child(2n){transition-delay:.12s}
.feature-photo{overflow:hidden}.feature-photo img{transition:transform 8s ease}.feature-photo.visible img{transform:scale(1.06)}
.journey-photo img{transition:opacity .75s ease,transform 1.2s ease}.journey-photo img.changing{opacity:0;transform:scale(.97)}
.step-buttons button.selected{background:#e8efeb;transition:background .6s ease,border-color .5s ease}
.auto-note{font-size:.77rem;color:#6c7d74;margin-top:15px}
@media(max-width:720px){.motion-figure>.motion-frame{height:145px}.motion-figure>figcaption{margin-top:145px}.render-grid .motion-figure>.motion-frame{height:260px}.render-grid .motion-figure>figcaption{margin-top:260px}.motion-gallery .motion-frame.is-current{transform:scale(1.015)}}
@media(prefers-reduced-motion:reduce){.motion-gallery .motion-frame,.motion-figure>.motion-frame{transition:none!important;transform:none!important}.motion-progress{display:none}}

/* Indicadores animados con protagonismo visual */
.hero-stats{gap:clamp(24px,4vw,65px);align-items:flex-start}.hero-stats div{min-width:0}.hero-stats .animated-counter{font-family:Manrope,sans-serif;font-size:clamp(3.5rem,6vw,6rem);font-weight:800;line-height:1.08;letter-spacing:-.075em;font-variant-numeric:tabular-nums;color:var(--deep)}.hero-stats span{font-size:clamp(.78rem,1vw,.95rem);font-weight:600;margin-top:8px}@media(max-width:720px){.hero-stats{gap:24px}.hero-stats .animated-counter{font-size:clamp(3.1rem,12vw,5.2rem)}}

/* Romero Constructora: presentación móvil y transiciones coordinadas */
.hero-media,.hero-slides,.feature-photo {overflow:hidden}
.hero-slides > img,.feature-photo > img {object-fit:cover;object-position:center;transition:opacity .9s ease,transform 6s ease;}
.hero-slides > img.active {transform:scale(1.035)}
.hero-copy h1,.hero-copy .lead,.trust h2,.trust-body,.feature-copy h2,.feature-copy > p:not(.eyebrow){transition:opacity .38s ease,transform .38s ease}
.copy-changing{opacity:0!important;transform:translateY(12px)!important}
.feature-photo {position:relative;min-height:430px}
.feature-photo img {width:100%;height:100%;position:absolute;inset:0;object-fit:cover}
.feature-photo img.photo-changing{opacity:0}
.service-card {transition:opacity .45s ease,transform .45s ease}
.service-card.page-changing{opacity:0;transform:translateY(12px)}
.service-page-status{display:flex;gap:9px;align-items:center;justify-content:center;margin:24px 0 0;font-size:13px;letter-spacing:.08em}
.service-page-status button{width:30px;height:6px;border:0;border-radius:9px;background:#c8d2ce;cursor:pointer}
.service-page-status button.active{background:#123d36}
@media(max-width:767px){
 .hero{display:flex!important;flex-direction:column!important;gap:20px!important}
 .hero-media{width:100%!important;max-width:none!important;min-width:0!important;order:0!important}
 .hero-slides{width:100%!important;min-height:0!important;height:min(72svh,650px)!important;max-height:650px!important;background:#e8eeea!important}
 .hero-slides > img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important}
 .hero-copy{width:100%!important;order:1!important;padding-top:8px!important}
 .hero-copy h1{font-size:clamp(32px,9vw,52px)!important;line-height:1.08!important;overflow-wrap:break-word}
 .feature{display:flex!important;flex-direction:column!important}
 .feature-photo{width:100%!important;min-height:0!important;height:min(65svh,520px)!important}
 .feature-copy{width:100%!important;padding:32px 22px!important}
 .service-grid{grid-template-columns:1fr!important}
 .service-card{width:100%!important}
 .service-image{height:clamp(220px,60vw,350px)!important}
 .trust{display:block!important;padding-left:22px!important;padding-right:22px!important}
 .trust h2{font-size:clamp(30px,9vw,46px)!important}
}
@media(prefers-reduced-motion:reduce){.copy-changing,.service-card.page-changing{opacity:1!important;transform:none!important}.hero-slides > img,.feature-photo img{transition:none!important}}

/* Portada cinematográfica: fotos sin estirar, cambio de texto sincronizado */
.topbar{z-index:100;height:78px}.brand .logo-circular{width:68px;height:68px;object-fit:contain;flex:none}.brand{gap:0}.hero-cinematic{max-width:none;padding:0;margin:0;min-height:0;height:calc(100svh - 78px);min-height:590px;display:block;position:relative;overflow:hidden;background:#102c2a;color:white}.cinema-slides,.cinema-shade{position:absolute;inset:0}.cinema-slide{position:absolute;inset:0;background-position:center;background-size:cover;opacity:0;transform:scale(1.04);transition:opacity 1.65s ease,transform 11s ease;will-change:opacity,transform}.cinema-slide.is-current{opacity:1;transform:scale(1)}.cinema-shade{background:linear-gradient(90deg,rgba(5,22,23,.78) 0%,rgba(5,22,23,.49) 47%,rgba(5,22,23,.16) 100%),linear-gradient(0deg,rgba(5,22,23,.67),transparent 37%);pointer-events:none}.cinema-content{position:absolute;z-index:2;top:17%;left:clamp(25px,8vw,140px);right:clamp(20px,5vw,80px);max-width:780px}.cinema-copy{position:absolute;top:0;left:0;opacity:0;visibility:hidden;transform:translateY(24px);transition:opacity 1.25s ease,transform 1.25s ease,visibility 1.25s}.cinema-copy.is-current{position:relative;opacity:1;visibility:visible;transform:translateY(0)}.cinema-kicker{font-size:clamp(.65rem,1vw,.8rem);font-weight:800;letter-spacing:.21em;color:#e5bd86;margin-bottom:20px}.cinema-copy h1,.cinema-copy h2{font-size:clamp(2.7rem,5.9vw,6.1rem);font-weight:800;line-height:1.07;letter-spacing:-.055em;color:#fff;margin:0 0 24px}.cinema-copy p:not(.cinema-kicker){font-size:clamp(1rem,1.55vw,1.25rem);max-width:630px;line-height:1.55;color:#f2f7f3}.cinema-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}.cinema-button,.cinema-outline{padding:15px 22px;font-weight:800;font-size:.87rem;border:1px solid #e8f1ec}.cinema-button{background:#e8f1ec;color:#103b38}.cinema-outline{background:rgba(4,25,24,.17);color:white}.cinema-controls{display:flex;align-items:center;gap:15px;margin-top:38px}.cinema-prev,.cinema-next{background:rgba(10,40,38,.48);border:1px solid #ffffff80;color:white;border-radius:50%;width:40px;height:40px;font-size:26px;line-height:1}.cinema-dots{display:flex;gap:9px}.cinema-dots button{height:4px;width:30px;border:0;border-radius:4px;background:#ffffff80;padding:0}.cinema-dots button.is-current{background:#fff;width:47px}.cinema-bottom{position:absolute;z-index:2;bottom:0;left:0;right:0;display:flex;align-items:center;gap:clamp(20px,5vw,85px);padding:20px clamp(25px,8vw,140px);background:rgba(7,26,26,.74);backdrop-filter:blur(5px)}.cinema-bottom>div{display:flex;align-items:center;gap:13px}.cinema-bottom strong{font:800 clamp(1.7rem,2.5vw,2.5rem) Manrope,sans-serif}.cinema-bottom span{font-size:.8rem;max-width:130px;line-height:1.35}.cinema-bottom>a{margin-left:auto;font-size:.8rem;font-weight:700}.hero-cinematic .animated-counter{color:#fff}
@media(max-width:800px){.topbar{height:70px}.brand .logo-circular{width:58px;height:58px}.hero-cinematic{height:calc(100svh - 70px);min-height:620px}.cinema-slide{background-position:55% center}.cinema-shade{background:linear-gradient(90deg,rgba(5,22,23,.72),rgba(5,22,23,.26)),linear-gradient(0deg,rgba(5,22,23,.78),transparent 65%)}.cinema-content{top:18%;left:23px;right:23px;max-width:620px}.cinema-copy h1,.cinema-copy h2{font-size:clamp(2.35rem,10vw,4.3rem)}.cinema-copy p:not(.cinema-kicker){font-size:1rem}.cinema-actions{gap:10px}.cinema-button,.cinema-outline{padding:12px 15px;font-size:.78rem}.cinema-controls{margin-top:25px}.cinema-bottom{padding:13px 22px;gap:18px}.cinema-bottom>a{display:none}.cinema-bottom strong{font-size:1.7rem}.cinema-bottom span{font-size:.67rem}}
@media(max-width:390px){.cinema-content{top:14%}.cinema-copy h1,.cinema-copy h2{font-size:2.2rem}.cinema-actions{margin-top:18px}.cinema-bottom>div{gap:6px}}
@media(prefers-reduced-motion:reduce){.cinema-slide,.cinema-copy{transition:none!important;transform:none!important}}

/* Fotografías originales elegidas para la portada; transiciones de 9 segundos */
.cinema-slide{background-repeat:no-repeat;background-size:cover}
@media(max-width:800px){.cinema-slide:nth-child(1){background-position:57% center!important}.cinema-slide:nth-child(2){background-position:center!important}.cinema-slide:nth-child(3){background-position:center!important}}

/* Las capas del carrusel se superponen y solo la activa es visible. */
.hero-cinematic .cinema-slide{pointer-events:none;opacity:0;visibility:hidden;transition:opacity 1.5s ease,transform 9s ease,visibility 1.5s}
.hero-cinematic .cinema-slide.is-current{opacity:1;visibility:visible}
.hero-cinematic .cinema-copy:not(.is-current){pointer-events:none}

/* Ajustes de calidad visual y tiempos de portada */
.hero-cinematic .cinema-copy{opacity:0;visibility:hidden;transform:translateY(16px);transition:opacity .65s ease,transform .65s ease,visibility .65s ease;position:absolute;top:0;left:0;pointer-events:none}
.hero-cinematic .cinema-copy.is-current{opacity:1;visibility:visible;transform:none;position:relative;pointer-events:auto}
.hero-cinematic .cinema-copy h1,.hero-cinematic .cinema-copy h2{font-size:clamp(2.25rem,4.2vw,4.5rem);max-width:720px;line-height:1.1}
.hero-cinematic .cinema-shade{background:linear-gradient(90deg,rgba(5,22,23,.65) 0%,rgba(5,22,23,.27) 50%,rgba(5,22,23,.05) 100%),linear-gradient(0deg,rgba(5,22,23,.65),transparent 34%)}
.hero-cinematic .cinema-content{top:15%;max-width:700px}
.hero-cinematic .cinema-slide{transition:opacity 1s ease,transform 9s ease}
@media(max-width:800px){.hero-cinematic .cinema-copy h1,.hero-cinematic .cinema-copy h2{font-size:clamp(2.05rem,8vw,3.2rem)}.hero-cinematic .cinema-content{top:15%}}
@media(prefers-reduced-motion:reduce){.hero-cinematic .cinema-copy{transition:none}}

/* Experiencia en obra: foto 2 s, texto 5 s, salida 2 s */
.feature-photo img{transition:opacity .65s ease,transform 9s ease!important}
.feature-photo.feature-photo-out img{opacity:0;transform:scale(1.015)}
.feature-copy .eyebrow,.feature-copy h2,.feature-copy p:not(.eyebrow),.feature-copy .text-cta{opacity:0;transform:translateY(15px);transition:opacity .65s ease,transform .65s ease}
.feature.feature-text-visible .feature-copy .eyebrow,.feature.feature-text-visible .feature-copy h2,.feature.feature-text-visible .feature-copy p:not(.eyebrow),.feature.feature-text-visible .feature-copy .text-cta{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.feature-copy .eyebrow,.feature-copy h2,.feature-copy p:not(.eyebrow),.feature-copy .text-cta{opacity:1;transform:none;transition:none}}

/* Alternancia de reseña institucional y perfil de Yeikol Romero */
.trust-profile-cycle{position:relative;display:block!important;min-height:520px;overflow:hidden;padding:0!important;background:#eef3ef}
.trust-profile-cycle .trust-scene{position:absolute;inset:0;display:grid;grid-template-columns:1fr 1fr;gap:clamp(25px,5vw,85px);align-items:center;padding:65px clamp(24px,9vw,155px);opacity:0;visibility:hidden;transition:opacity 1.1s ease,visibility 1.1s ease;pointer-events:none}
.trust-profile-cycle .trust-scene.is-active{opacity:1;visibility:visible;pointer-events:auto}
.trust-profile-cycle .trust-scene .section-intro,.trust-profile-cycle .trust-scene .trust-body,.trust-profile-cycle .trust-scene .trust-profile-copy{opacity:0;transform:translateY(15px);transition:opacity .8s ease,transform .8s ease}
.trust-profile-cycle .trust-scene.show-copy .section-intro,.trust-profile-cycle .trust-scene.show-copy .trust-body,.trust-profile-cycle .trust-scene.show-copy .trust-profile-copy{opacity:1;transform:none}
.trust-profile-cycle .trust-profile-photo{height:100%;min-height:360px;overflow:hidden;border-radius:6px}
.trust-profile-cycle .trust-profile-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 28%}
.trust-profile-cycle .trust-profile-copy{max-width:650px}
.trust-profile-cycle .trust-profile-copy h2{font-size:clamp(38px,4.6vw,75px);line-height:1.08;color:#113c36;margin:18px 0 30px}
.trust-profile-cycle .trust-profile-copy h2 span{color:#8fa49d}
.trust-profile-cycle .trust-profile-copy p:not(.eyebrow){font-size:clamp(16px,1.15vw,20px);line-height:1.7;color:#50645e;margin-bottom:20px}
@media(max-width:760px){.trust-profile-cycle{min-height:720px}.trust-profile-cycle .trust-scene{grid-template-columns:1fr;gap:20px;padding:36px 23px;align-content:center}.trust-profile-cycle .trust-profile-photo{min-height:0;height:280px}.trust-profile-cycle .trust-profile-copy h2{margin:10px 0 15px}.trust-profile-cycle .trust-profile-copy p:not(.eyebrow){font-size:15px;line-height:1.5;margin-bottom:10px}}
@media(prefers-reduced-motion:reduce){.trust-profile-cycle .trust-scene,.trust-profile-cycle .trust-scene .section-intro,.trust-profile-cycle .trust-scene .trust-body,.trust-profile-cycle .trust-scene .trust-profile-copy{transition:none!important}.trust-profile-cycle .trust-scene.is-active .section-intro,.trust-profile-cycle .trust-scene.is-active .trust-body,.trust-profile-cycle .trust-scene.is-active .trust-profile-copy{opacity:1;transform:none}}

/* REVISION INTEGRAL: controles fijos, no dependen de la altura de titulares */
.hero-cinematic .cinema-content{top:clamp(70px,12%,145px);bottom:110px;max-width:min(760px,88vw);pointer-events:none}
.hero-cinematic .cinema-copy,.hero-cinematic .cinema-copy.is-current{position:absolute;top:0;left:0;width:100%;margin:0;pointer-events:none}
.hero-cinematic .cinema-actions{position:absolute;top:auto;bottom:74px;left:0;margin:0;pointer-events:auto;z-index:5}
.hero-cinematic .cinema-controls{position:absolute;top:auto;bottom:18px;left:0;margin:0;pointer-events:auto;z-index:5}
/* Garantizar que la reseña sea visible inicialmente y durante fallos de JS */
.trust-profile-cycle .trust-scene.is-active .section-intro,.trust-profile-cycle .trust-scene.is-active .trust-body,.trust-profile-cycle .trust-scene.is-active .trust-profile-copy{opacity:1;transform:none}
.trust-profile-cycle .trust-scene.is-active:not(.show-copy) .section-intro,.trust-profile-cycle .trust-scene.is-active:not(.show-copy) .trust-body,.trust-profile-cycle .trust-scene.is-active:not(.show-copy) .trust-profile-copy{opacity:1;transform:none}
@media(max-width:800px){
.hero-cinematic .cinema-content{top:9%;bottom:90px;left:22px;right:22px;max-width:none}
.hero-cinematic .cinema-copy h1,.hero-cinematic .cinema-copy h2{font-size:clamp(1.9rem,8vw,3.1rem)}
.hero-cinematic .cinema-actions{bottom:74px;gap:8px}
.hero-cinematic .cinema-controls{bottom:16px}
.hero-cinematic .cinema-button,.hero-cinematic .cinema-outline{padding:10px 12px;font-size:.72rem}
.trust-profile-cycle{min-height:760px}
}
@media(max-width:430px){
.hero-cinematic .cinema-content{top:7%;bottom:90px}
.hero-cinematic .cinema-copy h1,.hero-cinematic .cinema-copy h2{font-size:clamp(1.75rem,8vw,2.35rem)}
.hero-cinematic .cinema-actions{bottom:72px}
.hero-cinematic .cinema-button,.hero-cinematic .cinema-outline{font-size:.68rem;padding:10px 9px}
.trust-profile-cycle{min-height:820px}
}

/* CORRECCION FINAL: escenas realmente alternas, sin reglas que anulen la salida */
.trust-profile-cycle .trust-scene{z-index:0;opacity:0;visibility:hidden;pointer-events:none;transition:opacity 1.15s ease,visibility 1.15s ease}
.trust-profile-cycle .trust-scene.is-active{z-index:1;opacity:1;visibility:visible;pointer-events:auto}
.trust-profile-cycle .trust-scene .section-intro,
.trust-profile-cycle .trust-scene .trust-body,
.trust-profile-cycle .trust-scene .trust-profile-copy{opacity:0!important;transform:translateY(14px)!important;transition:opacity .8s ease,transform .8s ease}
.trust-profile-cycle .trust-scene.show-copy .section-intro,
.trust-profile-cycle .trust-scene.show-copy .trust-body,
.trust-profile-cycle .trust-scene.show-copy .trust-profile-copy{opacity:1!important;transform:none!important}
.trust-profile-cycle .trust-scene[data-trust-scene="profile"] .trust-profile-photo{opacity:1}
@media(prefers-reduced-motion:reduce){
 .trust-profile-cycle .trust-scene.is-active .section-intro,
 .trust-profile-cycle .trust-scene.is-active .trust-body,
 .trust-profile-cycle .trust-scene.is-active .trust-profile-copy{opacity:1!important;transform:none!important}
}

/* REPARACION DEFINITIVA: el contenido inicial nunca depende de JS para ser visible. */
.trust-profile-cycle .trust-scene[data-trust-scene="company"].is-active .section-intro,
.trust-profile-cycle .trust-scene[data-trust-scene="company"].is-active .trust-body{opacity:1!important;transform:none!important;visibility:visible!important}
.trust-profile-cycle .trust-scene[data-trust-scene="profile"].is-active.show-copy .trust-profile-copy{opacity:1!important;transform:none!important}
.trust-profile-cycle .trust-scene[data-trust-scene="profile"].is-active:not(.show-copy) .trust-profile-copy{opacity:0!important;transform:translateY(14px)!important}
.trust-profile-cycle .trust-scene:not(.is-active){opacity:0!important;visibility:hidden!important;pointer-events:none!important}
.trust-profile-cycle .trust-scene.is-active{opacity:1!important;visibility:visible!important}
@media(prefers-reduced-motion:reduce){.trust-profile-cycle .trust-scene.is-active .trust-profile-copy{opacity:1!important;transform:none!important}}

/* Reparación consolidada: reglas finales sin dependencias de estados contradictorios. */
.trust-profile-cycle { min-height: 560px !important; position: relative; }
.trust-profile-cycle .trust-scene {
  position:absolute; inset:0; display:grid; grid-template-columns:1fr 1fr;
  align-items:center; gap:clamp(25px,5vw,85px);
  padding:65px clamp(24px,9vw,155px);
  opacity:0 !important; visibility:hidden !important; pointer-events:none;
  z-index:0; transition:opacity 1s ease, visibility 0s linear 1s;
}
.trust-profile-cycle .trust-scene.is-active {
  opacity:1 !important; visibility:visible !important; pointer-events:auto;
  z-index:1; transition:opacity 1s ease, visibility 0s;
}
.trust-profile-cycle .trust-scene[data-trust-scene="company"].is-active .section-intro,
.trust-profile-cycle .trust-scene[data-trust-scene="company"].is-active .trust-body {
  opacity:1 !important; visibility:visible !important; transform:none !important;
}
.trust-profile-cycle .trust-scene[data-trust-scene="profile"] .trust-profile-copy {
  opacity:0 !important; transform:translateY(12px) !important;
}
.trust-profile-cycle .trust-scene[data-trust-scene="profile"].is-active.show-copy .trust-profile-copy {
  opacity:1 !important; transform:none !important;
}
.feature .feature-copy { opacity:1 !important; visibility:visible !important; transform:none !important; }
.feature .feature-copy .eyebrow,
.feature .feature-copy h2,
.feature .feature-copy p:not(.eyebrow),
.feature .feature-copy .text-cta { opacity:1; transform:none; }
.feature.feature-pending .feature-copy .eyebrow,
.feature.feature-pending .feature-copy h2,
.feature.feature-pending .feature-copy p:not(.eyebrow),
.feature.feature-pending .feature-copy .text-cta { opacity:0; transform:translateY(12px); }
@media(max-width:760px) {
 .trust-profile-cycle {min-height:720px !important;}
 .trust-profile-cycle .trust-scene {grid-template-columns:1fr; padding:35px 23px; gap:20px; align-content:center;}
}
@media(prefers-reduced-motion:reduce) {
 .trust-profile-cycle .trust-scene.is-active .trust-profile-copy,
 .feature .feature-copy * {opacity:1 !important;transform:none !important;}
}

/* QUIENES SOMOS: isolated, deterministic two-scene animation */
#nosotros.trust-profile-cycle { position:relative!important; display:block!important; overflow:hidden!important; min-height:580px!important; padding:0!important; }
#nosotros .trust-scene {position:absolute!important;inset:0!important;display:grid!important;grid-template-columns:1fr 1fr!important;align-items:center!important;gap:clamp(25px,5vw,85px)!important;padding:65px clamp(24px,9vw,155px)!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;z-index:0!important;transition:opacity 1s ease, visibility 0s linear 1s!important;}
#nosotros .trust-scene.is-active {opacity:1!important;visibility:visible!important;pointer-events:auto!important;z-index:2!important;transition:opacity 1s ease,visibility 0s!important;}
#nosotros .trust-scene[data-trust-scene="company"] .section-intro,
#nosotros .trust-scene[data-trust-scene="company"] .trust-body {opacity:1!important;visibility:visible!important;transform:none!important;}
#nosotros .trust-scene[data-trust-scene="profile"] .trust-profile-copy {opacity:0!important;visibility:hidden!important;transform:translateY(14px)!important;transition:opacity .8s ease,transform .8s ease,visibility 0s linear .8s!important;}
#nosotros .trust-scene[data-trust-scene="profile"].is-active.show-copy .trust-profile-copy {opacity:1!important;visibility:visible!important;transform:none!important;transition:opacity .8s ease,transform .8s ease,visibility 0s!important;}
#nosotros .trust-profile-photo {height:430px!important;min-height:0!important;}
#nosotros .trust-profile-photo img {width:100%!important;height:100%!important;object-fit:cover!important;object-position:center 25%!important;}
@media(max-width:760px){#nosotros.trust-profile-cycle{min-height:760px!important}#nosotros .trust-scene{grid-template-columns:1fr!important;gap:18px!important;align-content:center!important;padding:28px 23px!important}#nosotros .trust-profile-photo{height:330px!important}}
@media(prefers-reduced-motion:reduce){#nosotros .trust-scene[data-trust-scene="profile"].is-active .trust-profile-copy{opacity:1!important;visibility:visible!important;transform:none!important}}

/* Estilos consolidados: escenas sin saltos ni espacios vacíos. */
.trust-profile-cycle {position:relative;min-height:650px!important;display:block!important;padding:0!important}
.trust-profile-cycle .trust-scene {position:absolute!important;inset:0!important;display:grid!important;grid-template-columns:1fr 1fr!important;align-items:center!important;gap:clamp(24px,5vw,85px)!important;padding:65px clamp(24px,9vw,155px)!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;z-index:0!important;transition:opacity 1s ease,visibility 0s linear 1s!important}
.trust-profile-cycle .trust-scene.is-active {opacity:1!important;visibility:visible!important;pointer-events:auto!important;z-index:1!important;transition:opacity 1s ease,visibility 0s!important}
.trust-profile-cycle .trust-scene[data-trust-scene="company"].is-active .section-intro,
.trust-profile-cycle .trust-scene[data-trust-scene="company"].is-active .trust-body {opacity:1!important;visibility:visible!important;transform:none!important}
.trust-profile-cycle .trust-scene[data-trust-scene="profile"] .trust-profile-copy {opacity:0!important;visibility:visible!important;transform:translateY(12px)!important;transition:opacity .85s ease,transform .85s ease!important}
.trust-profile-cycle .trust-scene[data-trust-scene="profile"].is-active.show-copy .trust-profile-copy {opacity:1!important;transform:none!important}
.trust-profile-cycle .trust-profile-photo img {object-fit:cover!important;object-position:center top!important}
.feature {min-height:600px;grid-template-columns:1fr 1fr}
.feature-photo {height:600px!important}
.feature-copy {min-height:600px;display:flex;flex-direction:column;justify-content:center;align-self:stretch!important;opacity:1!important;visibility:visible!important}
.feature .feature-copy .eyebrow,.feature .feature-copy h2,.feature .feature-copy p:not(.eyebrow),.feature .feature-copy .text-cta {opacity:0!important;transform:translateY(12px)!important;transition:opacity .8s ease,transform .8s ease!important}
.feature.feature-copy-shown .feature-copy .eyebrow,.feature.feature-copy-shown .feature-copy h2,.feature.feature-copy-shown .feature-copy p:not(.eyebrow),.feature.feature-copy-shown .feature-copy .text-cta {opacity:1!important;transform:none!important}
.hero .actions,.hero .hero-controls,.hero .slide-dots {transform:none!important}
.hero-slides>img {object-fit:cover!important}
.service-image img[src$=".svg"] {object-fit:cover!important;filter:none!important}
@media(max-width:760px){
 .trust-profile-cycle{min-height:790px!important}
 .trust-profile-cycle .trust-scene{grid-template-columns:1fr!important;padding:35px 24px!important;gap:16px!important;align-content:center!important}
 .trust-profile-cycle .trust-profile-photo{height:300px!important}
 .trust-profile-cycle .trust-profile-copy p{font-size:14px!important;line-height:1.55!important}
 .feature{grid-template-columns:1fr!important;min-height:0}
 .feature-photo{height:300px!important}
 .feature-copy{min-height:440px!important;padding:38px 24px!important}
}
@media(prefers-reduced-motion:reduce){
 .feature .feature-copy .eyebrow,.feature .feature-copy h2,.feature .feature-copy p:not(.eyebrow),.feature .feature-copy .text-cta {opacity:1!important;transform:none!important}
 .trust-profile-cycle .trust-scene.is-active .trust-profile-copy{opacity:1!important;transform:none!important}
}

/* Pie de página: identidad, redes oficiales y mapa real navegable. */
footer.footer-new{display:block;background:#082d27;color:#fff;padding:0;border-top:5px solid #c99a4c}
.footer-inner{max-width:1600px;margin:auto;padding:62px clamp(22px,5vw,100px);display:grid;grid-template-columns:1fr .9fr 1.3fr;gap:clamp(28px,4vw,75px);align-items:start}
.footer-new h2{font:800 clamp(1.05rem,1.6vw,1.5rem) Manrope,sans-serif;letter-spacing:.02em;margin:14px 0 10px}
.footer-new h3{font:800 1.12rem Manrope,sans-serif;margin:0 0 22px}
.footer-new p{color:#c9dcd6;font-size:.9rem;max-width:320px}
.footer-new .footer-region{color:#f0c78c;font-weight:700}
.footer-logo{width:90px;height:90px;object-fit:contain}
.footer-social a{display:flex;align-items:center;gap:13px;font-size:1rem;font-weight:700;margin:14px 0;white-space:nowrap}
.footer-social a:hover,.footer-map-links a:hover{color:#f1c78c}
.footer-social img{width:36px;height:36px;object-fit:contain;flex:none}
.footer-map h3{display:flex;gap:12px;align-items:baseline;flex-wrap:wrap}
.footer-country{font-size:.76rem;letter-spacing:.14em;text-transform:uppercase;color:#f0c78c}
.footer-map-frame{overflow:hidden;border:1px solid #53746a;border-radius:12px;background:#e5ece8;height:245px}
.footer-map iframe{display:block;width:100%;height:100%;border:0}
.footer-map-links{display:flex;flex-wrap:wrap;gap:16px;margin-top:13px}
.footer-map-links a{font-size:.9rem;font-weight:700}
.footer-bottom{border-top:1px solid #396058;padding:18px 22px;text-align:center;font-size:.8rem;color:#bfd1ca}
.floating-wa{width:58px;height:58px;right:24px;bottom:24px;padding:10px;background:#25D366;border:2px solid #fff;box-shadow:0 8px 25px #0004}
.floating-wa img{width:100%;height:100%;object-fit:contain}
@media(max-width:950px){.footer-inner{grid-template-columns:1fr 1fr}.footer-map{grid-column:1/-1}.footer-map-frame{height:310px}}
@media(max-width:600px){.footer-inner{display:flex;flex-direction:column;gap:30px;padding:42px 24px}.footer-map{width:100%}.footer-map-frame{height:245px}.floating-wa{right:18px;bottom:18px;width:54px;height:54px}}

/* Fotografías en la tarjeta de instalaciones; no modifica las otras tarjetas. */
.service-card:has(.service-image img[src*="servicios/fotografias/"]) .motion-frame {object-fit:cover!important;background:#e8ece9!important;object-position:center center!important}

/* Optimización móvil 2026: preserva las transiciones existentes. */
html,body{max-width:100%;overflow-x:clip}
img,iframe,video{max-width:100%}
a,button{-webkit-tap-highlight-color:transparent}
@media (max-width: 760px){
 html{scroll-padding-top:72px}
 .topbar{height:70px!important;padding:0 17px!important}
 .topbar .brand,.topbar .brand a{min-width:0}
 .topbar .brand .logo-circular{width:55px!important;height:55px!important}
 .menu-toggle{display:flex!important;flex:none;align-items:center;z-index:110;min-width:44px;min-height:44px}
 nav{top:70px!important;max-height:calc(100dvh - 70px);overflow-y:auto;z-index:105}
 nav.open{display:flex!important}
 nav a{min-height:45px;display:flex;align-items:center}
 .hero-cinematic{height:calc(100svh - 70px)!important;min-height:590px!important;max-height:950px;overflow:hidden!important}
 .hero-cinematic .cinema-slide{background-size:cover!important;background-position:center center}
 .hero-cinematic .cinema-shade{background:linear-gradient(90deg,rgba(5,22,23,.72),rgba(5,22,23,.24)),linear-gradient(0deg,rgba(5,22,23,.84),transparent 56%)!important}
 .hero-cinematic .cinema-content{left:22px!important;right:22px!important;top:clamp(54px,10svh,100px)!important;bottom:135px!important;max-width:none!important}
 .hero-cinematic .cinema-copy h1,.hero-cinematic .cinema-copy h2{font-size:clamp(2rem,8.4vw,3.45rem)!important;line-height:1.1!important;overflow-wrap:break-word}
 .hero-cinematic .cinema-copy p:not(.cinema-kicker){font-size:clamp(.86rem,3.7vw,1rem)!important;line-height:1.45!important;max-width:95%}
 .hero-cinematic .cinema-kicker{font-size:.62rem!important;letter-spacing:.13em!important;margin-bottom:12px!important}
 .hero-cinematic .cinema-actions{gap:9px!important;margin-top:20px!important}
 .hero-cinematic .cinema-button,.hero-cinematic .cinema-outline{min-height:44px;padding:11px 12px!important;font-size:.76rem!important;justify-content:center}
 .hero-cinematic .cinema-controls{margin-top:20px!important;gap:11px!important}
 .hero-cinematic .cinema-prev,.hero-cinematic .cinema-next{width:42px;height:42px;flex:none}
 .hero-cinematic .cinema-bottom{min-height:95px;padding:13px 20px!important;gap:15px!important;justify-content:space-between}
 .hero-cinematic .cinema-bottom>div{min-width:0;flex:1;gap:7px!important}
 .hero-cinematic .cinema-bottom strong{font-size:clamp(1.3rem,6vw,1.85rem)!important}
 .hero-cinematic .cinema-bottom span{font-size:.65rem!important}
 .services,.projects,.journey,.renders{padding:55px 19px!important}
 .services h2,.projects h2,.journey h2,.renders h2,.cta h2{font-size:clamp(1.9rem,8vw,2.75rem)!important}
 .service-grid{grid-template-columns:1fr!important;gap:18px!important}
 .service-card{min-width:0!important;transform:none!important}
 .service-image{height:clamp(200px,57vw,290px)!important}
 .service-content{padding:23px 21px 27px!important}
 .service-content h3{font-size:1.13rem!important;line-height:1.3}
 .service-content p{font-size:.92rem!important;line-height:1.55}
 #nosotros.trust-profile-cycle{min-height:800px!important;height:800px!important;overflow:hidden!important}
 #nosotros .trust-scene{inset:0!important;padding:35px 22px!important;gap:16px!important;grid-template-columns:1fr!important;align-content:center!important;overflow-y:auto}
 #nosotros .trust-scene h2{font-size:clamp(2rem,8vw,2.75rem)!important;line-height:1.14!important}
 #nosotros .trust-body{font-size:.94rem!important;line-height:1.6!important}
 #nosotros .trust-profile-photo{height:clamp(215px,33svh,300px)!important;max-height:300px!important}
 #nosotros .trust-profile-copy h2{font-size:clamp(1.85rem,7.4vw,2.6rem)!important;margin:8px 0 15px!important}
 #nosotros .trust-profile-copy p:not(.eyebrow){font-size:.88rem!important;line-height:1.5!important;margin-bottom:10px!important}
 .feature{display:flex!important;flex-direction:column!important;min-height:0!important}
 .feature-photo{height:clamp(250px,65vw,370px)!important;min-height:0!important}
 .feature-copy{min-height:410px!important;padding:38px 23px 42px!important}
 .feature-copy h2{font-size:clamp(2rem,8vw,2.9rem)!important}
 .feature-copy p{font-size:.93rem!important}
 .project-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
 .project img{height:clamp(135px,39vw,210px)!important}
 .journey-layout{grid-template-columns:1fr!important;gap:22px!important}
 .journey-photo{height:clamp(240px,66vw,380px)!important}
 .step-buttons{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .step-description{min-height:0!important}
 .render-grid{grid-template-columns:1fr!important}
 .render-grid img{height:clamp(220px,65vw,340px)!important}
 .cta{display:block!important;padding:55px 22px!important}
 .cta-side{margin-top:35px!important}
 .footer-inner{display:flex!important;flex-direction:column!important;gap:28px!important;padding:40px 22px!important}
 .footer-map,.footer-map-frame{width:100%!important}
 .footer-map-frame{height:250px!important}
 .footer-social a{min-height:44px}
 .floating-wa{right:max(16px,env(safe-area-inset-right))!important;bottom:max(16px,env(safe-area-inset-bottom))!important;width:54px!important;height:54px!important}
 .footer-bottom{padding:18px 72px 22px 20px!important}
}
@media(max-width:380px){
 .hero-cinematic .cinema-content{top:42px!important;bottom:125px!important}
 .hero-cinematic .cinema-copy h1,.hero-cinematic .cinema-copy h2{font-size:1.88rem!important}
 .hero-cinematic .cinema-button,.hero-cinematic .cinema-outline{font-size:.69rem!important;padding:9px!important}
 #nosotros.trust-profile-cycle{height:850px!important;min-height:850px!important}
 #nosotros .trust-profile-photo{height:210px!important}
 .project-grid{grid-template-columns:1fr!important}
 .project img{height:210px!important}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}}
/* Portada móvil más compacta: fotografías completas, sin ampliación excesiva. */
@media(max-width:760px){
 .hero-cinematic{height:580px!important;min-height:580px!important;max-height:none!important}
 .hero-cinematic .cinema-slide{background-size:100% auto!important;background-position:center 37%!important;background-color:#102c2a!important;transform:none!important}
 .hero-cinematic .cinema-slide.is-current{transform:none!important}
 .hero-cinematic .cinema-content{top:34px!important;bottom:110px!important}
 .hero-cinematic .cinema-copy h1,.hero-cinematic .cinema-copy h2{font-size:clamp(1.85rem,7.6vw,2.6rem)!important}
 .hero-cinematic .cinema-shade{background:linear-gradient(180deg,rgba(5,22,23,.36),rgba(5,22,23,.58) 55%,rgba(5,22,23,.9))!important}
}
@media(max-width:380px){.hero-cinematic{height:550px!important;min-height:550px!important}.hero-cinematic .cinema-content{top:25px!important}}

/* Solo ajuste de escala de fotografias en la portada movil. No se alteran textos, botones ni transiciones. */
@media(max-width:760px){.hero-cinematic .cinema-slide,.hero-cinematic .cinema-slide.is-current{background-size:contain!important;background-position:center center!important;background-repeat:no-repeat!important;transform:none!important}}

/* AJUSTE NOV 05: solo portada móvil; las fotografías se ven completas y pequeñas,
   como las tarjetas de remodelaciones, sin modificar JS ni duración de transiciones. */
@media (max-width:760px) {
  .hero-cinematic {
    --hero-photo-height: clamp(210px, 70vw, 345px);
    height: calc(var(--hero-photo-height) + 385px) !important;
    min-height: 0 !important;
    max-height: none !important;
    background: #102c2a !important;
  }
  .hero-cinematic .cinema-slides {
    position:absolute !important;
    top:0 !important;left:0 !important;right:0 !important;
    bottom:auto !important;
    height:var(--hero-photo-height) !important;
    background:#e9edea !important;
    overflow:hidden !important;
  }
  .hero-cinematic .cinema-slide,
  .hero-cinematic .cinema-slide.is-current {
    background-size:contain !important;
    background-position:center center !important;
    background-repeat:no-repeat !important;
    background-color:#e9edea !important;
    transform:none !important;
  }
  .hero-cinematic .cinema-shade {
    background:linear-gradient(to bottom,transparent 0%,transparent 37%,#102c2a 49%,#102c2a 100%) !important;
    pointer-events:none !important;
  }
  .hero-cinematic .cinema-content {
    top:calc(var(--hero-photo-height) + 20px) !important;
    bottom:105px !important;
    left:20px !important;
    right:20px !important;
    max-width:none !important;
  }
  .hero-cinematic .cinema-copy h1,
  .hero-cinematic .cinema-copy h2 {
    font-size:clamp(1.55rem,6.5vw,2rem) !important;
    line-height:1.12 !important;
    margin-bottom:12px !important;
  }
  .hero-cinematic .cinema-copy p:not(.cinema-kicker) {
    font-size:clamp(.78rem,3.35vw,.92rem) !important;
    line-height:1.42 !important;
  }
  .hero-cinematic .cinema-kicker {margin-bottom:10px !important;font-size:.6rem !important}
  .hero-cinematic .cinema-actions {bottom:72px !important;gap:8px !important;flex-wrap:nowrap !important}
  .hero-cinematic .cinema-actions a {min-width:0 !important;flex:1 1 0 !important;padding:10px 6px !important;text-align:center !important;font-size:clamp(.6rem,2.5vw,.76rem) !important}
  .hero-cinematic .cinema-controls {bottom:15px !important}
  .hero-cinematic .cinema-bottom {min-height:90px !important;padding:12px 70px 12px 16px !important}
}
@media (max-width:380px) {
  .hero-cinematic {height:calc(var(--hero-photo-height) + 420px) !important}
}

/* Ajustes puntuales solicitados el 05/11: sin alterar rotación ni otras tarjetas. */
@media(max-width:720px){
 .service-card:has(img[src$="/acceso.jpg"]) .motion-frame,
 .service-card:has(img[src$="/incendios.jpg"]) .motion-frame {
   object-fit:contain!important;
   object-position:center!important;
   transform:none!important;
 }
 .service-card:has(img[src$="/acceso.jpg"]) .motion-frame.is-current,
 .service-card:has(img[src$="/incendios.jpg"]) .motion-frame.is-current {
   transform:none!important;
 }
}

/* Corrección prioritaria: portada celular compacta, fotos ENTERAS.
   Esta regla final sustituye las reglas móviles antiguas contradictorias. */
@media screen and (max-width:760px) {
  section.hero.hero-cinematic {
    --hero-photo-height: min(74vw, 320px);
    height: calc(var(--hero-photo-height) + 355px) !important;
    min-height: 0 !important;
    max-height: none !important;
    background: #102c2a !important;
  }
  section.hero.hero-cinematic > .cinema-slides {
    position:absolute !important;
    inset:0 0 auto 0 !important;
    height:var(--hero-photo-height) !important;
    background:#e9edea !important;
    overflow:hidden !important;
  }
  section.hero.hero-cinematic .cinema-slides > .cinema-slide {
    position:absolute !important;
    inset:0 !important;
    background-size:contain !important;
    background-position:center !important;
    background-repeat:no-repeat !important;
    transform:none !important;
  }
  section.hero.hero-cinematic > .cinema-shade {display:none !important}
  section.hero.hero-cinematic > .cinema-content {
    position:absolute !important;
    top:calc(var(--hero-photo-height) + 17px) !important;
    left:20px !important;
    right:20px !important;
    bottom:auto !important;
    max-width:none !important;
  }
  section.hero.hero-cinematic .cinema-copy h1,
  section.hero.hero-cinematic .cinema-copy h2 {
    font-size:clamp(1.5rem,6.1vw,2rem) !important;
    line-height:1.13 !important;
    margin:0 0 10px !important;
  }
  section.hero.hero-cinematic .cinema-copy p:not(.cinema-kicker) {
    font-size:clamp(.76rem,3.1vw,.91rem) !important;
    line-height:1.42 !important;
  }
  section.hero.hero-cinematic .cinema-kicker {margin-bottom:9px !important}
  section.hero.hero-cinematic .cinema-actions {margin-top:14px !important;gap:7px !important;flex-wrap:nowrap !important}
  section.hero.hero-cinematic .cinema-button,
  section.hero.hero-cinematic .cinema-outline {padding:10px 7px !important;font-size:clamp(.59rem,2.5vw,.76rem) !important}
  section.hero.hero-cinematic .cinema-controls {margin-top:13px !important}
  section.hero.hero-cinematic > .cinema-bottom {min-height:77px !important;padding:10px 70px 10px 15px !important}
}
@media screen and (max-width:380px){
  section.hero.hero-cinematic {height:calc(var(--hero-photo-height) + 400px) !important}
}

/* Corrección de portada: los iconos Editar y compartir estaban incrustados en la fotografía original; la fotografía se recortó por debajo. */
@media(max-width:760px){
 section.hero.hero-cinematic{height:calc(var(--hero-photo-height) + 410px)!important}
 section.hero.hero-cinematic .cinema-actions{position:relative!important;inset:auto!important;display:flex!important;justify-content:flex-start!important;gap:8px!important;margin-top:15px!important;width:100%!important;z-index:7!important}
 section.hero.hero-cinematic .cinema-actions a{width:auto!important;flex:0 1 auto!important;max-width:49%!important;min-height:0!important;padding:9px 10px!important;font-size:clamp(10px,2.5vw,12px)!important;line-height:1.2!important;border-radius:5px!important;white-space:normal!important}
 section.hero.hero-cinematic .cinema-controls{position:relative!important;inset:auto!important;display:flex!important;gap:10px!important;margin-top:13px!important;z-index:7!important}
 section.hero.hero-cinematic .cinema-controls .cinema-prev,section.hero.hero-cinematic .cinema-controls .cinema-next{width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;font-size:19px!important}
}

/* FIX 06-11: estructura móvil de la portada sin superposiciones. */
@media screen and (max-width:760px){
 section.hero.hero-cinematic{
   display:flex!important; flex-direction:column!important;
   height:auto!important; min-height:0!important; max-height:none!important;
   overflow:visible!important; background:#102c2a!important;
 }
 section.hero.hero-cinematic > .cinema-slides{
   position:relative!important; inset:auto!important; flex:none!important;
   width:100%!important; height:clamp(195px,64vw,320px)!important;
   overflow:hidden!important; background:#e9edea!important;
 }
 section.hero.hero-cinematic .cinema-slides > .cinema-slide{
   position:absolute!important; inset:0!important; background-size:contain!important;
   background-position:center center!important; background-repeat:no-repeat!important;
   transform:none!important;
 }
 section.hero.hero-cinematic > .cinema-shade{display:none!important}
 section.hero.hero-cinematic > .cinema-content{
   position:relative!important; inset:auto!important; top:auto!important;
   bottom:auto!important; left:auto!important; right:auto!important;
   display:grid!important; grid-template-columns:minmax(0,1fr)!important;
   grid-template-rows:auto auto auto!important; align-content:start!important;
   gap:0!important; width:100%!important; max-width:none!important;
   min-height:0!important; margin:0!important; padding:20px 20px 22px!important;
   box-sizing:border-box!important; pointer-events:auto!important;
 }
 section.hero.hero-cinematic .cinema-copy,
 section.hero.hero-cinematic .cinema-copy.is-current{
   grid-column:1!important; grid-row:1!important;
   position:relative!important; inset:auto!important; top:auto!important; left:auto!important;
   width:100%!important; max-width:none!important; margin:0!important;
   min-width:0!important;
 }
 section.hero.hero-cinematic .cinema-copy:not(.is-current){
   position:absolute!important; grid-row:1!important;
   pointer-events:none!important;
 }
 section.hero.hero-cinematic .cinema-copy.is-current{pointer-events:auto!important}
 section.hero.hero-cinematic .cinema-kicker{font-size:10px!important;line-height:1.4!important;margin:0 0 10px!important}
 section.hero.hero-cinematic .cinema-copy h1,
 section.hero.hero-cinematic .cinema-copy h2{
   font-size:clamp(23px,6vw,32px)!important;line-height:1.13!important;
   margin:0 0 12px!important; overflow-wrap:normal!important;
 }
 section.hero.hero-cinematic .cinema-copy p:not(.cinema-kicker){
   font-size:clamp(12px,3.4vw,15px)!important;line-height:1.48!important;
   margin:0!important; max-width:none!important;
 }
 section.hero.hero-cinematic .cinema-actions{
   grid-column:1!important; grid-row:2!important; position:relative!important;
   inset:auto!important;top:auto!important;bottom:auto!important;left:auto!important;right:auto!important;
   margin:20px 0 0!important; width:100%!important; display:flex!important;
   flex-wrap:nowrap!important; gap:9px!important; align-items:stretch!important;
 }
 section.hero.hero-cinematic .cinema-actions a{
   flex:1 1 0!important;max-width:none!important;min-width:0!important;
   width:auto!important;padding:11px 7px!important;font-size:clamp(10px,2.8vw,12px)!important;
   line-height:1.3!important;text-align:center!important;
   display:flex!important;align-items:center!important;justify-content:center!important;
 }
 section.hero.hero-cinematic .cinema-controls{
   grid-column:1!important;grid-row:3!important;position:relative!important;
   inset:auto!important;top:auto!important;bottom:auto!important;left:auto!important;
   margin:17px 0 0!important;display:flex!important;gap:12px!important;
   align-items:center!important;justify-content:center!important;
 }
 section.hero.hero-cinematic .cinema-controls .cinema-prev,
 section.hero.hero-cinematic .cinema-controls .cinema-next{
   width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;
 }
 section.hero.hero-cinematic > .cinema-bottom{
   position:relative!important;inset:auto!important;bottom:auto!important;
   width:100%!important;min-height:76px!important;box-sizing:border-box!important;
   padding:12px 18px!important;justify-content:space-between!important;
 }
}

/* 06/11 - Botones y flechas en la franja inferior oscura, sin superponer títulos.
   Mantener un espacio reservado incluso durante los 2 s sin texto del carrusel. */
@media screen and (max-width:760px){
 section.hero.hero-cinematic > .cinema-content{
   display:block!important;position:relative!important;
   height:360px!important;min-height:360px!important;
   padding:0!important;margin:0!important;overflow:hidden!important;
   background:#102c2a!important;box-sizing:border-box!important;
 }
 section.hero.hero-cinematic .cinema-copy,
 section.hero.hero-cinematic .cinema-copy.is-current,
 section.hero.hero-cinematic .cinema-copy:not(.is-current){
   display:block!important;position:absolute!important;
   top:18px!important;left:18px!important;right:18px!important;
   width:auto!important;max-width:none!important;margin:0!important;
   grid-row:auto!important;grid-column:auto!important;
 }
 section.hero.hero-cinematic .cinema-copy h1,
 section.hero.hero-cinematic .cinema-copy h2{
   font-size:clamp(21px,5.7vw,29px)!important;line-height:1.13!important;
   margin-bottom:10px!important;
 }
 section.hero.hero-cinematic .cinema-copy p:not(.cinema-kicker){
   font-size:clamp(11px,3.1vw,14px)!important;line-height:1.4!important;
 }
 section.hero.hero-cinematic .cinema-actions{
   display:flex!important;position:absolute!important;
   left:18px!important;right:18px!important;top:auto!important;bottom:73px!important;
   width:auto!important;margin:0!important;padding:0!important;
   gap:8px!important;align-items:stretch!important;z-index:10!important;
 }
 section.hero.hero-cinematic .cinema-actions a{
   display:flex!important;align-items:center!important;justify-content:center!important;
   flex:1 1 0!important;max-width:none!important;min-width:0!important;
   min-height:37px!important;padding:8px 6px!important;
   font-size:clamp(10px,2.7vw,12px)!important;line-height:1.2!important;
   border-radius:5px!important;text-align:center!important;
 }
 section.hero.hero-cinematic .cinema-controls{
   display:flex!important;position:absolute!important;
   left:18px!important;right:18px!important;top:auto!important;bottom:16px!important;
   width:auto!important;margin:0!important;justify-content:center!important;z-index:10!important;
 }
}
@media screen and (max-width:360px){
 section.hero.hero-cinematic > .cinema-content{height:390px!important;min-height:390px!important;}
}

/* Transiciones finales suaves; sin cambiar geometría ni intervalos */
@media (prefers-reduced-motion: no-preference) {
 .hero-cinematic .cinema-slide {transition:opacity 2.1s cubic-bezier(.4,0,.2,1), transform 10s ease-out, visibility 0s linear 2.1s!important;}
 .hero-cinematic .cinema-slide.is-current {transition:opacity 2.1s cubic-bezier(.4,0,.2,1), transform 10s ease-out, visibility 0s!important;}
 .hero-cinematic .cinema-copy {transition:opacity 1.15s ease-in-out,transform 1.15s ease-in-out,visibility 0s linear 1.15s!important;transform:translateY(8px)!important;}
 .hero-cinematic .cinema-copy.is-current {transition:opacity 1.15s ease-in-out,transform 1.15s ease-in-out,visibility 0s!important;transform:translateY(0)!important;}
 .motion-gallery .motion-frame,.motion-figure>.motion-frame {transition:opacity 1.9s ease-in-out,transform 7s ease-out!important;}
 .feature-photo img {transition:opacity 1.6s ease-in-out,transform 9s ease-out!important;}
 .feature .feature-copy .eyebrow,.feature .feature-copy h2,.feature .feature-copy p:not(.eyebrow),.feature .feature-copy .text-cta {transition:opacity 1.15s ease-in-out,transform 1.15s ease-in-out!important;}
 #nosotros .trust-scene,.trust-profile-cycle .trust-scene {transition:opacity 1.7s ease-in-out,visibility 0s linear 1.7s!important;}
 #nosotros .trust-scene.is-active,.trust-profile-cycle .trust-scene.is-active {transition:opacity 1.7s ease-in-out,visibility 0s!important;}
 .journey-photo img {transition:opacity 1.15s ease-in-out,transform 1.5s ease-in-out!important;}
}