html,body,#root{height:100%;width:100%;overscroll-behavior:none}
.fade-experience{position:relative;isolation:isolate;width:100%;height:100svh;overflow:hidden;background:linear-gradient(#101010cf,#101010cf),#101010 url('/acomply-websites/assets/fine-plaster-v3.webp') center/cover}
.scene-screen{position:absolute;inset:0;width:100%;height:100%;overflow:hidden;will-change:transform,opacity}
.scene-screen[data-scene="inicio"]{z-index:1}
.scene-screen[data-scene="servicios"]{visibility:hidden;z-index:0}
/* Never paint the unprimed Black title before its layout effect owns motion. */
.fade-motion-stage:not([data-motion-ready]) [data-scene="inicio"] .wordmark,.fade-template:not([data-motion-ready]) [data-scene="inicio"] .wordmark{visibility:hidden}
.scene-native-scroll{height:100%;overflow:auto;overscroll-behavior:contain;scrollbar-width:none}
.scene-native-scroll::-webkit-scrollbar{display:none}
.fade-experience .hero{background:transparent}
.scene-navigation{position:absolute;z-index:15;bottom:17px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:5px;padding:4px 6px;border:1px solid #6e65584d;background:#0c0c0cdd;backdrop-filter:blur(10px)}
.scene-navigation button{border:0;background:transparent;color:#9d988f;cursor:pointer;display:flex;align-items:center;gap:7px;min-height:30px;padding:6px 12px;font-size:10px;text-transform:uppercase;letter-spacing:1px}
.scene-navigation .scene-link span{font-size:8px;color:#716d67}
.scene-navigation .scene-link.is-current{color:var(--paper)}
.scene-navigation .scene-link.is-current span{color:#df5d59}
.scene-navigation .scene-back,.scene-navigation .scene-next{font-size:18px;padding:3px 7px;min-width:30px;justify-content:center}
.scene-navigation button:disabled{opacity:.2;cursor:default}
.scene-navigation button:not(:disabled):hover{color:var(--paper)}
.scene-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
@media(min-width:701px){.fade-experience .hero{height:100svh;min-height:0}.fade-experience .hero-footer{bottom:26px}.fade-experience .wordmark{max-width:91vw}}
@media(min-width:701px) and (max-height:820px){.fade-experience .wordmark{font-size:min(29.2vw,54svh);top:7%;transform:scaleY(.85)}.fade-experience .slogan{font-size:clamp(40px,7svh,67px);top:29%}.fade-experience .left-note,.fade-experience .right-note{bottom:70px}.fade-experience .work-strip{height:55px}.fade-experience .walkin{width:98px;height:98px;margin-top:15px;padding-top:12px}.fade-experience .walkin>svg:not(.badge-underline){width:83px;height:38px;margin-left:-7px;margin-top:5px}.fade-experience .walkin .badge-underline{width:105px;height:23px;left:10px}.fade-experience .barcode-lockup{margin-top:13px}.fade-experience .book{margin-top:26px}.fade-experience .hours{margin-top:23px}.fade-experience .service-list button{font-size:12px;margin-bottom:5px}.fade-experience .service-list h2{margin-bottom:13px}.fade-experience .barber{height:100%;bottom:-20%}}
@media(max-width:700px){.scene-navigation{bottom:max(14px,env(safe-area-inset-bottom));white-space:nowrap}.scene-navigation button{padding:6px 8px;font-size:9px}.fade-experience .hero-footer{bottom:75px}.fade-experience .hero{min-height:1180px}.scene-native-scroll{padding-bottom:0}.fade-experience{height:100dvh}}
@media(prefers-reduced-motion:reduce){.scene-screen{will-change:auto}}