/* ══════════════════════════════════════════════════════════════════
   GoodPlann · Design tokens
   Único sitio donde se define la paleta. Cambia un valor aquí y
   cambia en toda la web (y en las próximas landings del sistema).
   ══════════════════════════════════════════════════════════════════ */

:root{
  --night:      #0B100F;
  --night-2:    #0E1615;
  --jet:        #1A2422;
  --jet-soft:   #232E2B;

  --persian:    #339989;
  --tiffany:    #7DE2D1;
  --tiffany-dim:#5FB9AC;

  --lime:       #C8FF00;
  --magenta:    #FF00AA;
  --coral:      #FF6B4A;
  --coral-2:    #FF9E4D;

  /* degradado cálido para TEXTOS (coral → rosa, ref. swatch) */
  --text-grad: linear-gradient(100deg, #FF5E62 0%, #FF8A72 46%, #FFB1C6 100%);

  --snow:       #FFFAFB;
  --ink:        #C9D6D2;
  --muted:      #8CA39D;
  --muted-2:    #62726E;

  --glass:      rgba(24, 40, 37, .38);
  --glass-2:    rgba(18, 30, 28, .55);
  --glass-3:    rgba(14, 24, 22, .72);
  --glass-brd:  rgba(125, 226, 209, .16);
  --glass-hi:   rgba(255, 255, 255, .06);

  --radius:     22px;
  --maxw:       1200px;

  --ff: "Roboto", system-ui, Arial, sans-serif;
}


/* familias añadidas por el sistema (la landing original las usaba inline) */
:root{
  --ff-serif:  "Cormorant Garamond", Georgia, "Times New Roman", serif;
  --ff-script: "Dancing Script", "Segoe Script", cursive;
}

/* mundo visual oscuro: deliberadamente de un solo tema */
body.gp-landing{
  margin:0;
  font-family:var(--ff);
  color:var(--ink);
  background:var(--night);
  -webkit-font-smoothing:antialiased;

  /* Los halos difuminados de las tarjetas se salen a propósito unos píxeles por
     los lados (inset:-10%…), así que el documento siempre es algo más ancho que
     la pantalla. En escritorio da igual, pero Safari en iPhone ensancha el
     lienzo cuando eso pasa, y los elementos fijos anclados a la derecha —el
     botón de WhatsApp— se van fuera de la pantalla.

     `clip` en vez de `hidden` porque hidden convierte al elemento en contenedor
     de scroll y eso rompería el `position:sticky` de la sección del viaje.
     Se deja hidden delante como reserva para navegadores sin soporte de clip. */
  overflow-x:hidden;
  overflow-x:clip;
}
html:has(body.gp-landing){
  scroll-behavior:smooth;
  overflow-x:clip;
}