@media(max-width:720px){
 html[data-theme=dark] body #inicio.mobile-intro{min-height:calc(100svh - var(--header-h));padding-block:4rem;isolation:isolate}
 html[data-theme=dark] body #inicio.mobile-intro .hero__copy{opacity:1;transform:none;visibility:visible;z-index:3}
 html[data-theme=dark] body #inicio.mobile-intro .orb-hero{opacity:.22;transform:none;visibility:visible}
 body #inicio.mobile-intro .orb-hero__object{width:min(340px,90vw);height:auto;aspect-ratio:1;left:78%;top:50%;transform:translate(-50%,-50%) scale(.68);animation:none}
 body #inicio.mobile-intro .hero__actions{position:relative;z-index:4}
 body #inicio.mobile-intro .hero__copy h1 em::after{animation:none;transform:skewX(-18deg) scaleX(1)}
 @media(prefers-reduced-motion:no-preference){
  html[data-theme=dark] body #inicio.mobile-intro.mi-playing .orb-hero{animation:mi-eye-depth 1400ms cubic-bezier(.65,0,.25,1) 700ms both}
  body #inicio.mobile-intro.mi-playing .orb-hero__object{animation:mi-eye-settle 1400ms cubic-bezier(.65,0,.25,1) 700ms both}
  body #inicio.mobile-intro.mi-playing .hero__copy h1{animation:mi-title 1300ms cubic-bezier(.45,0,.2,1) 1200ms both}
  body #inicio.mobile-intro.mi-playing .hero__lede{animation:mi-title 1300ms cubic-bezier(.45,0,.2,1) 1320ms both}
  body #inicio.mobile-intro.mi-playing .hero__actions{animation:mi-title 1300ms cubic-bezier(.45,0,.2,1) 1200ms both}
 }
}
@keyframes mi-eye-depth{0%,16%{opacity:.95}100%{opacity:.22}}
@keyframes mi-eye-settle{0%,16%{left:50%;transform:translate(-50%,-50%) scale(1)}100%{left:78%;transform:translate(-50%,-50%) scale(.68)}}

@keyframes mi-title{from{opacity:0;translate:0 18px}to{opacity:1;translate:0 0}}
@keyframes mi-action{from{opacity:.65;translate:0 4px}to{opacity:1;translate:0 0}}
@media(prefers-reduced-motion:reduce){#inicio.mobile-intro *{animation:none!important;transition:none!important}}

@media(max-width:720px){html.mi-intro-locked,html.mi-intro-locked body{overflow:hidden!important;overscroll-behavior:none;touch-action:none}html.mi-intro-locked .site-header{position:fixed!important;top:0!important;transition:none!important;pointer-events:none}}
@media(max-width:720px) and (prefers-reduced-motion:no-preference){
 html.mi-intro-locked .site-header{animation:mi-header-enter 1400ms cubic-bezier(.45,0,.2,1) 1100ms both}
}
@keyframes mi-header-enter{from{transform:translateY(-110%);opacity:0}to{transform:translateY(0);opacity:1}}/* Let the hero continue behind the complete moving glass header. */
@media(max-width:720px){
 html[data-theme=dark] body #inicio.mobile-intro{margin-top:0!important;min-height:100svh;padding-top:172px!important}
 html[data-theme=dark] body:not(.menu-open):has(#inicio.mobile-intro) .site-header,
 html[data-theme=dark] body:not(.menu-open):has(#inicio.mobile-intro) .site-header:not(.is-scrolled){background:rgba(0,0,0,.38)!important;backdrop-filter:blur(18px) saturate(125%);-webkit-backdrop-filter:blur(18px) saturate(125%);border-color:transparent;box-shadow:none}
}
@media(max-width:720px) and (prefers-reduced-motion:no-preference){
 html.mi-intro-locked .whatsapp-floating{animation:mi-whatsapp-enter 1100ms cubic-bezier(.45,0,.2,1) 1400ms both,whatsapp-halo 2.8s ease-in-out infinite;pointer-events:none}
}
@keyframes mi-whatsapp-enter{from{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}@media(max-width:720px){
 html[data-theme=dark] body #inicio.hero.mobile-intro{display:flex!important;flex-direction:column;justify-content:center;box-sizing:border-box;min-height:100svh!important;padding-block:calc(var(--header-h) + 24px) 80px!important}
 body #inicio.mobile-intro .hero__copy{flex:none}
}
@media(min-width:721px){
 html[data-theme=dark] body #inicio.mobile-intro .hero__copy{opacity:1;transform:none;visibility:visible;z-index:3}
 html[data-theme=dark] body #inicio.mobile-intro .orb-hero{position:absolute;inset:0;width:100%;height:100%;min-height:0;opacity:1;transform:none;visibility:visible;pointer-events:none}
 body #inicio.mobile-intro .orb-hero__stage{inset:0;left:0;top:0;width:100%;height:100%;min-height:0;transform:none;overflow:visible}
 body #inicio.mobile-intro .orb-hero__object{left:76%;top:50%;transform:translate(-50%,-50%) scale(1);animation:none}
 html[data-theme=dark] body:not(.menu-open):has(#inicio.mobile-intro) .site-header:not(.is-scrolled){background:rgba(0,0,0,.38)!important;backdrop-filter:blur(18px) saturate(125%);-webkit-backdrop-filter:blur(18px) saturate(125%)}
 html.mi-intro-locked,html.mi-intro-locked body{overflow:hidden!important;overscroll-behavior:none}
 html.mi-intro-locked .site-header{position:fixed!important;top:0!important;transition:none!important;pointer-events:none}
}
@media(min-width:721px) and (prefers-reduced-motion:no-preference){
 body #inicio.mobile-intro.mi-playing .orb-hero__object{animation:di-eye-recede 1400ms cubic-bezier(.65,0,.25,1) 700ms both}
 body #inicio.mobile-intro.mi-playing .hero__copy h1,
 body #inicio.mobile-intro.mi-playing .hero__actions{animation:mi-title 1300ms cubic-bezier(.45,0,.2,1) 1200ms both}
 body #inicio.mobile-intro.mi-playing .hero__lede{animation:mi-title 1300ms cubic-bezier(.45,0,.2,1) 1320ms both}
 html.mi-intro-locked .site-header{animation:mi-header-enter 1400ms cubic-bezier(.45,0,.2,1) 1100ms both}
 html.mi-intro-locked .whatsapp-floating{animation:mi-whatsapp-enter 1100ms cubic-bezier(.45,0,.2,1) 1400ms both,whatsapp-halo 2.8s ease-in-out infinite;pointer-events:none}
}
@keyframes di-eye-recede{0%,16%{left:50%;transform:translate(-50%,-50%) scale(1.35)}100%{left:76%;transform:translate(-50%,-50%) scale(1)}}

/* Keep the complete hero visible behind the header until its midpoint. */
html[data-theme=dark] body:not(.menu-open):has(#inicio.mobile-intro) .site-header:not(.is-scrolled){background:transparent!important;backdrop-filter:none;-webkit-backdrop-filter:none;border-color:transparent;box-shadow:none}
html[data-theme=dark] body:not(.menu-open):has(#inicio.mobile-intro) .site-header.is-scrolled{background:rgba(0,0,0,.38)!important;backdrop-filter:blur(18px) saturate(125%);-webkit-backdrop-filter:blur(18px) saturate(125%);border-color:transparent;box-shadow:none}