/* The navigation already occupies its own row: avoid reserving it twice. */
@media(min-width:721px){
 .hero{height:auto;min-height:calc(100svh - 100px);max-height:none;padding-top:30px;padding-bottom:94px}
 .hero-copy{margin-top:28px}
 .hero h1{font-size:clamp(68px,min(8.6vw,13svh),136px)}
 .pro-phone-stage{top:82px;bottom:76px}
 .hero-phone-slot{inset:-18px -4% 36px}
}
@media(max-width:720px){
 .hero{padding-top:26px;min-height:1040px}
 .hero-copy{margin-top:30px}
 .pro-phone-stage{top:490px;bottom:90px}
}
.hero-phone-slot{isolation:isolate}
.hero-phone-slot canvas{position:absolute;inset:0;z-index:1}
.hero-first-frame{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:contain;z-index:0;transition:opacity .28s;pointer-events:none}
.hero-phone-slot[data-model-state="ready"] .hero-first-frame{opacity:0}
.lab-viewport[data-model-state="loading"]::after{content:'Preparando las piezas…';position:absolute;bottom:8%;left:0;right:0;text-align:center;font:12px Arial,sans-serif;color:#c9c3e8;letter-spacing:.05em;z-index:3}
.lab-parts{z-index:12}
@media(prefers-reduced-motion:reduce){.hero-first-frame{transition:none}}