/* ============================================================
   ITZÁ — tokens de marca (dirección C "Niña Fresa", cool pink · ago-2-2026)
   Fuente de verdad del sistema visual. Cambiar de dirección =
   cambiar este archivo, no las páginas. (Reemplaza la dir. B "Cenote"
   turquesa por decisión de Lucas: rosados cool, upscale femenino.)
   Nombres de variable = SLOTS semánticos; los valores cambian, no los nombres.
   ============================================================ */
:root{
  /* --- color: rosados cool "niña fresa" --- */
  --itza-crema:      #FBF4F6;  /* fondo base — crema rosada cálida */
  --itza-crema-2:    #F5E3EB;  /* fondo alterno / cards — blush claro */
  --itza-agua:       #F4CBDD;  /* superficies suaves, tags — blush (slot "agua") */
  --itza-turquesa:   #C6427E;  /* primario — links, íconos, énfasis (rosa cool) */
  --itza-lavanda:    #B98CD9;  /* secundario — ciclo, calma (lavanda que pega con rosa) */
  --itza-orquidea:   #E24C97;  /* acento — fucsia, inicio del gradiente CTA */
  --itza-lavanda-2:  #C77BD3;  /* fin del gradiente CTA (malva-lavanda) */
  --itza-petroleo:   #3A1229;  /* tinta — texto, fondos profundos (ciruela) */
  --itza-petroleo-2: #2A0D1E;  /* tinta profunda — footers, hero oscuro */
  --itza-blanco:     #FFFFFF;

  /* --- gradientes --- */
  --itza-grad-cta:   linear-gradient(100deg, var(--itza-orquidea), var(--itza-lavanda-2));
  --itza-grad-agua:  linear-gradient(160deg, var(--itza-agua), var(--itza-turquesa));

  /* --- tipografía «Niña Fresa» (coquette 2026: serif curvo + script + redondeada) --- */
  --itza-display: 'Fraunces', Georgia, serif;            /* titulares, lockup — curvas suaves */
  --itza-texto:   'Quicksand', -apple-system, sans-serif;/* cuerpo, UI — redondeada */
  --itza-script:  'Ephesis', cursive;                    /* acentos script, kickers girly */

  /* --- escala tipográfica (fluida) --- */
  --fs-hero:  clamp(2.6rem, 6vw, 4.6rem);
  --fs-h2:    clamp(1.9rem, 4vw, 3rem);
  --fs-h3:    clamp(1.3rem, 2.2vw, 1.7rem);
  --fs-body:  1.0625rem;
  --fs-small: .875rem;
  --fs-kicker:.6875rem;

  /* --- espaciado y forma --- */
  --sp-1: 8px; --sp-2: 16px; --sp-3: 28px; --sp-4: 48px; --sp-5: 84px;
  --radio-s: 10px; --radio-m: 18px; --radio-pill: 999px;
  --sombra: 0 14px 40px rgba(58,18,41,.12);
  --ancho-max: 1180px;
}

/* --- base --- */
.itza-body{
  background: var(--itza-crema);
  color: var(--itza-petroleo);
  font-family: var(--itza-texto);
  font-size: var(--fs-body);
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}
.itza-display{ font-family: var(--itza-display); font-weight: 400; line-height: 1.08; }
.itza-kicker{
  font-size: var(--fs-kicker); letter-spacing: .2em; text-transform: uppercase;
  color: var(--itza-turquesa); font-weight: 600;
}

/* --- lockup tipográfico (logo v1) --- */
.itza-lockup{
  font-family: var(--itza-display);
  font-weight: 400;
  letter-spacing: .01em;
  color: var(--itza-petroleo);
  text-decoration: none;
  display: inline-flex; align-items: baseline; gap: .12em;
}
.itza-lockup .acento{ color: var(--itza-turquesa); font-style: italic; }
.itza-lockup .punto{
  width: .32em; height: .32em; border-radius: 50%;
  background: var(--itza-grad-cta); align-self: center; margin-left: .1em;
}

/* --- CTA --- */
.itza-cta{
  display: inline-block; border: none; cursor: pointer;
  background: var(--itza-grad-cta); color: #fff;
  font-family: var(--itza-texto); font-weight: 600; font-size: 1rem;
  padding: 15px 34px; border-radius: var(--radio-pill);
  box-shadow: 0 10px 26px rgba(226,76,151,.34);
  transition: transform .18s ease, box-shadow .18s ease;
  text-decoration: none;
}
.itza-cta:hover{ transform: translateY(-2px); box-shadow: 0 18px 38px rgba(226,76,151,.42); }
.itza-cta--ghost{
  background: transparent; color: var(--itza-petroleo);
  border: 1.5px solid var(--itza-petroleo); box-shadow: none;
}

/* --- motion propietario: flotación de sprites (patrón AKAN, timing propio) --- */
@keyframes itza-flotar{
  0%,100%{ transform: translateY(0) rotate(var(--rot,0deg)); }
  50%    { transform: translateY(-14px) rotate(calc(var(--rot,0deg) + 2deg)); }
}
.itza-sprite{ position:absolute; pointer-events:none; animation: itza-flotar var(--dur,7s) ease-in-out infinite; will-change: transform; }

/* QA: ?noanim apaga todo movimiento (mismo contrato que akan-brand) */
.noanim *, .noanim *::before, .noanim *::after{
  animation: none !important; transition: none !important;
}