/* Hero con la estructura de Amable y el tratamiento visual de DayDream (cristal, degradados blancos, sombras overlay). */

/* Nav */
.hm-navright{display:flex;align-items:center;gap:3.2rem}
.hm-navcta{display:flex;align-items:center;height:4.2rem;padding:0 2rem;border-radius:10rem;text-decoration:none;white-space:nowrap;font-family:var(--aspekta);font-size:1.8rem;font-weight:650;letter-spacing:-.054rem;line-height:1;color:#41beff;background:linear-gradient(#fff 0%,#ffffffc7 100%);box-shadow:inset 0 .1rem #fff,0 .4rem 1.6rem #0961e226;transition:transform .25s cubic-bezier(.2,.8,.3,1.2)}
.nav--light .hm-navcta{color:#fff;background:#41beff}
@media (hover:hover){.hm-navcta:hover{transform:scale(1.06)}}

/* Contenido del hero */
.hero-content.hm-content{top:18rem;gap:2.8rem;width:110rem;left:calc(50% - 55rem)}

.hm-eyebrow{-webkit-backdrop-filter:blur(1.105rem);backdrop-filter:blur(1.105rem);background:linear-gradient(#ffffff36 0%,#ffffff0f 100%);border-radius:.8rem;padding:1.2rem 1.9rem;box-shadow:inset 0 .1rem #ffffff30,inset 0 .4rem .64rem #ffffff45}
.hm-eyebrow h1{margin:0;font-family:var(--mono);font-size:1.6rem;font-weight:500;letter-spacing:-.048rem;line-height:1.25;text-align:center}

.hm-title-box{position:relative;width:100%}
.hm-title{margin:0;font-family:var(--aspekta);font-size:8.7069rem;font-weight:600;letter-spacing:-.34828rem;line-height:.92;text-align:center;color:#0000;background-image:radial-gradient(ellipse 120% 120% at 50% 0%,#fff 0%,#ffffff8a 57%,#fff0 100%);-webkit-background-clip:text;background-clip:text;padding-bottom:.08em}
.hm-title.headline--shadow{position:absolute;inset:0;color:#000;background:none}
.hm-line{display:block}
.hm-cloud{display:inline-block;width:10.4rem;height:6.8rem;margin-right:1.8rem;vertical-align:-.12em;filter:drop-shadow(0 .8rem 1.6rem #0961e22e)}
.hm-cloud svg{display:block;width:100%;height:100%;overflow:visible}

.hero-sub.hm-sub{width:66rem;line-height:1.3}

.hm-ask{display:flex;flex-direction:column;align-items:center;gap:1.4rem;width:100%}
.hm-ask__label{margin:0;font-family:var(--mono);font-size:1.5rem;font-weight:500;letter-spacing:-.045rem;color:#ffffffd9;text-shadow:0 .1rem .5rem #0750c059}
.hm-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;max-width:104rem}
.hm-chip{-webkit-appearance:none;appearance:none;border:0;margin:0;cursor:pointer;flex:none;font-family:var(--aspekta);font-size:1.6rem;font-weight:500;letter-spacing:-.048rem;line-height:1;color:#fff;text-shadow:0 .1rem .5rem #0750c066;padding:1.1rem 1.8rem;border-radius:10rem;-webkit-backdrop-filter:blur(1.105rem);backdrop-filter:blur(1.105rem);background:linear-gradient(#ffffff2e 0%,#0e8eff2e 100%),#0961e21a;box-shadow:inset 0 .1rem #ffffff30,inset 0 .4rem .64rem #ffffff45;transition:transform .25s cubic-bezier(.2,.8,.3,1.2),background .3s,color .3s}
.hm-chip[aria-pressed=true]{color:#1f9bff;text-shadow:none;background:linear-gradient(#fff 0%,#ffffffc7 100%);box-shadow:inset 0 .1rem #fff,0 .4rem 1.6rem #0961e226}
.hm-chip:focus-visible,.hm-navcta:focus-visible{outline:.2rem solid #fff;outline-offset:.3rem}
@media (hover:hover){.hm-chip:hover{transform:scale(1.05)}}

.hm-ctas{display:flex;align-items:center;justify-content:center;gap:2.4rem}
.hm-pill{width:calc(var(--pw) * .1rem)}
.hm-pill--ghost .pill-body{opacity:.6}
.hm-pill--ghost .pill-label{color:#1a7fe8}

/* Tarjeta flotante (decorativa) */
.hm-card{position:absolute;z-index:2;top:18rem;left:calc(50% + 60rem)}
.hm-card__in{display:flex;align-items:center;gap:1.2rem;padding:1.4rem 2.2rem 1.4rem 1.6rem;border-radius:1.6rem;-webkit-backdrop-filter:blur(1.105rem);backdrop-filter:blur(1.105rem);background:linear-gradient(#ffffff40 0%,#ffffff14 100%);box-shadow:inset 0 .1rem #ffffff30,inset 0 .4rem .64rem #ffffff45,0 1.6rem 4rem #0961e21f;animation:hm-float 6s ease-in-out infinite alternate}
.hm-card__in i{flex:none;width:1rem;height:1rem;border-radius:50%;background:#fff;box-shadow:0 0 .8rem .2rem #ffffffb3}
.hm-card__t{display:block;font-family:var(--aspekta);font-size:1.6rem;font-weight:600;letter-spacing:-.048rem;color:#fff;white-space:nowrap}
.hm-card__s{display:block;margin-top:.4rem;font-family:var(--mono);font-size:1.3rem;font-weight:500;color:#ffffffb3;white-space:nowrap}
@keyframes hm-float{from{transform:translateY(0)}to{transform:translateY(-1.2rem)}}
@media (prefers-reduced-motion:reduce){.hm-card__in{animation:none}}

/* Móvil y tableta (mismo corte que el original: 809 px) */
@media (width<=809px){
  .hm-navright{gap:1.2rem}
  .hm-navcta{height:3rem;padding:0 1.2rem;font-size:1.3rem;letter-spacing:-.039rem}
  .nav__logo{width:12rem;height:2.9rem}
  .nav__logo img{width:12.6rem;height:2.82rem;top:.04rem;left:0}
  .hero-content.hm-content{top:9.6rem;left:1.4rem;width:34.7rem;gap:2.2rem}
  .hm-eyebrow{padding:.9rem 1.2rem}
  .hm-eyebrow h1{font-size:1.25rem;letter-spacing:-.0375rem;white-space:normal}
  .hm-title{font-size:4.6rem;letter-spacing:-.184rem;line-height:.98}
  .hm-cloud{width:4.6rem;height:3rem;margin-right:.8rem}
  .hero-sub.hm-sub{width:34.7rem;font-size:1.65rem;line-height:1.3}
  .hm-ask{gap:1rem}
  .hm-ask__label{font-size:1.25rem}
  .hm-chips{flex-wrap:nowrap;justify-content:flex-start;align-self:center;width:37.5rem;max-width:none;overflow-x:auto;padding:.4rem 1.4rem 1rem;scroll-padding:0 1.4rem;scrollbar-width:none;-webkit-overflow-scrolling:touch;box-sizing:border-box}
  .hm-chips::-webkit-scrollbar{display:none}
  .hm-chip{font-size:1.4rem;padding:1rem 1.4rem}
  .hm-ctas{flex-direction:column;gap:1.4rem}
  .hm-pill{width:calc(var(--pw) * .0806rem)}
  .hm-card{display:none}
  .hero-cloud--98{top:14rem}
  .hero-cloud--02{top:10rem}
}
/* Guille 2026-11-06: en móvil, una sola acción en la primera pantalla; el botón del menú aparece al dejar atrás el del hero */
@media (max-width: 809px){ html:not(.amx-pasado) .hm-navcta{ opacity:0; visibility:hidden; } .hm-navcta{ transition: opacity .25s ease, visibility .25s; } }