/* A shared baseline for the introduction, model and full-width explanation. */
.hero .hero-grid{display:block;padding-block:44px;min-height:0}
.hero .immersive-scene{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px var(--gutter);max-width:none;animation:none}
.hero .hero-copy{grid-column:1;grid-row:1;align-self:start;padding:0;margin:0}
.hero .scene-viewport{grid-column:2;grid-row:1;align-self:start}
.hero .scene-panel{grid-column:1/-1;grid-row:2}
.hero .scene-stage{height:clamp(340px,29vw,420px);min-height:0}
.hero .hero-note{display:none}
.scene-panel-main{display:grid;grid-template-columns:minmax(210px,1fr) minmax(0,1.65fr) minmax(200px,.85fr);gap:30px;align-items:start;padding:26px 0;border-block:1px solid #ffffff24}
.scene-panel-main>*{min-width:0;align-self:start}
.scene-panel-main .scene-layer-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;border:0}
.scene-panel-main .scene-layer-tabs button{border:1px solid #ffffff26;min-height:52px;justify-content:flex-start;padding:12px;font-size:10px;line-height:1.5;gap:8px}
.scene-panel-main .scene-layer-tabs button>span{display:block;color:var(--red-light)}
.scene-panel-main .scene-layer-tabs button[aria-pressed=true]{background:var(--red);border-color:var(--red);color:#fff}
.scene-panel-main .scene-layer-tabs button[aria-pressed=true]>span{color:#fff}
.scene-panel-main .scene-layer-tabs button[aria-pressed=true]::after{display:none}
.immersive-scene .scene-panel-main .scene-description{padding:0;margin:0;min-height:0}
.scene-panel-main .scene-description h3{font-size:24px;line-height:1.3;letter-spacing:-.03em;margin-bottom:10px}
.scene-panel-main .scene-description>p{font-size:12px;line-height:1.85;margin-bottom:14px}
.scene-panel-main [data-scene-points][hidden]{display:none}
.immersive-scene .scene-panel-main .scene-actions{display:flex;flex-direction:column;align-items:stretch;border:0;padding:0;gap:10px}
.scene-panel-main .scene-actions button{width:100%;font-size:11px;min-height:48px;flex:none}
.scene-panel .visual-disclaimer{font-size:9px;margin-top:12px;line-height:1.7}
.scene-panel .scene-tour-progress{margin-top:12px}
.scene-camera-sectors{margin:14px 0;padding:12px;background:transparent}
.scene-camera-sectors>span,.scene-camera-sectors>small{display:none}
.scene-camera-sectors>div{grid-template-columns:repeat(2,minmax(0,1fr))}
.scene-camera-sectors button{font-size:10px;min-height:38px}
.scene-modal .immersive-scene{display:block;max-width:none}
.scene-modal .hero-copy{display:none}
.scene-modal .scene-viewport{position:static}
.scene-modal .scene-stage{height:clamp(300px,49dvh,660px);min-height:0}
.scene-modal .scene-panel{margin-top:12px}
.scene-modal .scene-description>p{font-size:12px}
.scene-modal .scene-view-controls{display:flex;gap:12px;align-items:stretch}
.scene-modal .scene-view-presets{grid-template-columns:repeat(6,minmax(0,1fr))}
.scene-modal .scene-navigation{padding-bottom:10px}
.scene-modal .scene-panel-main{padding-block:22px}

/* The original artwork is used in both positions. */
.footer .footer-logo{display:block;width:218px;max-width:100%;margin:0 0 20px}
.footer .footer-logo img{width:100%;height:auto}
.footer-top{gap:clamp(30px,4vw,64px);align-items:start;padding-bottom:38px}
.footer{padding-block:50px 24px}
.footer h3{margin-bottom:20px;color:#fff;font-size:11px}
.site-icon{display:inline-block;flex:none;width:20px;height:20px;vertical-align:middle}
.footer .site-icon{width:18px;height:18px;color:var(--red-light);margin-top:3px}
.footer .footer-detail{display:flex;gap:12px;align-items:flex-start;text-decoration:none}
.footer li .footer-detail{display:flex;min-height:40px;font-size:12px}
.footer .footer-phone{display:flex;gap:12px;align-items:center;font-size:24px;line-height:1.6}
.footer .footer-phone .site-icon{margin:0}
.footer .footer-hours{margin-top:14px}
.footer-bottom{padding-right:175px;align-items:flex-start}
.footer li a:hover,.footer li a:focus-visible,.footer-bottom a:hover{color:var(--red-light)}

/* Clear color states and restrained motion on the primary actions. */
.navigation>a:not(.button){transition:color .2s}
.navigation>a:not(.button):hover,.navigation>a:not(.button):focus-visible,.navigation>a[aria-current=page]:not(.button),.navigation>a.is-active:not(.button){color:var(--red)}
.navigation>a.is-active::after{transform:scaleX(1)}
.scene-layer-tabs button:hover,.scene-layer-tabs button:focus-visible,.scene-view-presets button:hover,.scene-view-presets button:focus-visible{color:#fff;background:#981b3150;border-color:var(--red-light)}
.hero-actions>.button,.navigation>.nav-cta{animation:cta-attention 6s ease-in-out infinite}
.button:hover,.button:focus-visible{transform:translateY(-3px);box-shadow:0 8px 24px #981b3138}
.button:active{transform:translateY(0)}
.button .button-arrow{transition:transform .3s cubic-bezier(.2,.75,.25,1)}
.button:hover .button-arrow,.button:focus-visible .button-arrow{transform:translate(4px,-4px)}
.whatsapp-float{position:fixed;right:24px;bottom:24px;z-index:60;display:flex;gap:12px;align-items:center;min-height:58px;padding:12px 18px;background:var(--red);color:#fff;text-decoration:none;border:1px solid #da6074;border-radius:5px;box-shadow:0 5px 24px #0003;font-size:12px;font-weight:600;transition:transform .25s,background .25s;animation:whatsapp-arrive .65s .4s both}
.whatsapp-float>.site-icon{width:28px;height:28px}
.whatsapp-float>span{display:block;line-height:1.5}
.whatsapp-float small{display:block;font-size:9px;font-weight:400;letter-spacing:.02em}
.whatsapp-float:hover,.whatsapp-float:focus-visible{background:var(--red-dark);transform:translateY(-4px)}
body:has(.scene-modal[open]) .whatsapp-float{visibility:hidden}
@keyframes cta-attention{0%,65%,100%{box-shadow:0 0 0 0 #981b3100}76%{box-shadow:0 0 0 6px #981b3126}88%{box-shadow:0 0 0 12px #981b3100}}
@keyframes whatsapp-arrive{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1700px){.hero .hero-grid{padding-top:54px;padding-bottom:38px}.hero .scene-stage{height:430px}}
@media(max-width:1199px){.scene-panel-main{grid-template-columns:minmax(180px,.85fr) minmax(0,1.5fr) minmax(180px,.85fr);gap:22px}.scene-panel-main .scene-layer-tabs button{font-size:9px;padding:10px;gap:6px}.scene-panel-main .scene-description h3{font-size:22px}.scene-panel-main .scene-actions button{font-size:10px}.hero .hero-actions{gap:10px}}
@media(max-width:959px){.hero .immersive-scene{grid-template-columns:minmax(0,1fr);gap:26px}.hero .hero-copy{grid-column:1;grid-row:1}.hero .scene-viewport{grid-column:1;grid-row:2}.hero .scene-panel{grid-column:1;grid-row:3}.hero .scene-stage{height:440px}.scene-panel-main{grid-template-columns:minmax(0,1.5fr) minmax(180px,1fr);gap:22px}.scene-panel-main .scene-layer-tabs{grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr))}.scene-panel-main .scene-layer-tabs button{justify-content:center}.scene-panel-main .scene-description{grid-column:1}.scene-panel-main .scene-actions{grid-column:2}.scene-modal .scene-view-presets{grid-template-columns:repeat(3,minmax(0,1fr))}.footer-top{grid-template-columns:1fr 1fr}.footer-about{grid-column:1/-1}.footer .footer-logo{width:185px}.footer-bottom{padding-right:170px}}
@media(max-width:700px){.hero .hero-grid{padding-block:32px}.hero .scene-stage{height:340px}.scene-panel-main{grid-template-columns:minmax(0,1fr);gap:20px;padding-block:20px}.scene-panel-main .scene-layer-tabs{grid-column:1;grid-template-columns:repeat(2,minmax(0,1fr))}.scene-panel-main .scene-layer-tabs button{justify-content:flex-start;font-size:11px;min-height:46px}.scene-panel-main .scene-description{grid-column:1}.scene-panel-main .scene-description h3{font-size:23px}.scene-panel-main .scene-actions{grid-column:1;display:grid;grid-template-columns:1fr 1fr}.scene-panel-main .scene-actions button{font-size:10px;min-height:48px}.scene-panel-main .scene-access{grid-column:1/-1}.scene-panel-main .scene-actions [hidden]{display:none}.scene-modal .scene-panel-main{padding-block:18px}.scene-modal .scene-stage{height:42dvh;min-height:260px}.footer-top{grid-template-columns:1fr;gap:28px}.footer-about{grid-column:1}.footer{padding-top:36px;padding-bottom:90px}.footer .footer-logo{width:175px}.footer-bottom{padding-right:0;flex-direction:column;gap:10px}.whatsapp-float{right:16px;bottom:16px;padding:12px;min-height:54px}.whatsapp-float>span{display:none}.whatsapp-float>.site-icon{width:28px;height:28px}}
@media(prefers-reduced-motion:reduce){.hero-actions>.button,.navigation>.nav-cta,.whatsapp-float{animation:none!important}.button,.button .button-arrow,.whatsapp-float{transition:none!important}}
@media print{.whatsapp-float{display:none}.hero .immersive-scene{display:block}.scene-panel-main{display:block}}
@media(max-width:700px){.immersive-scene .scene-panel-main .scene-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.immersive-scene .scene-panel-main .scene-actions button{font-size:10px;flex:none}}
