/* Lo que comparten la landing de usuarios, la de locales y las páginas legales */
:root{
  color-scheme:dark;
  --noche:#18042C;       /* fondo */
  --noche-2:#23093F;     /* superficies sobre el fondo */
  --trazo:#51178C;       /* trazos de fondo brillantes */
  --trazo-dim:#2D0C4E;   /* trazos de fondo apagados */
  --lima:#EAF27A;        /* títulos y marca */
  --sol:#FEDD4E;         /* amarillo de acento */
  --fucsia:#E84DF5;
  --ciruela:#701576;
  --violeta:#7208B9;
  --lavanda:#9B8EF8;
  --orquidea:#BC6FEF;
  --guion:#F15CFF;
  --chicle:#F7A8F2;      /* rosa de las ilustraciones */
  --rosa-card:#FFDFFA;
  --lav-card:#E4D8FD;
  --lav-borde:#D3C0FA;
  --verde-card:#E6F6CB;
  --tinta:#1D0B33;
  --blanco:#FFFFFF;
  --suave:#CBBDE6;
  --apagado:#9D92B8;
  --pantalla:#1B0F33;
  --pantalla-2:#241544;
  --pantalla-3:#2E1E4D;
  --f-display:"Fraunces","Recoleta",Georgia,serif;
  --f-body:"Nunito Sans","Avenir Next","Avenir",system-ui,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--noche);color:var(--blanco);font-family:var(--f-body);font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden}
p{margin:0}
h1,h2,h3{margin:0}

/* ---------- BOTONES ---------- */
.btn{display:inline-flex;align-items:center;gap:10px;font:800 17px/1 var(--f-body);text-decoration:none;padding:16px 24px;border-radius:999px;border:0;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}
.btn:hover{transform:translateY(-2px)}
.btn-lima{background:var(--lima);color:var(--tinta);box-shadow:0 6px 0 #9DA63F}
.btn-lima:active{transform:translateY(3px);box-shadow:0 2px 0 #9DA63F}
.btn-linea{background:transparent;color:var(--blanco);box-shadow:inset 0 0 0 2px var(--orquidea)}
.btn-violeta{background:var(--violeta);color:var(--blanco);box-shadow:0 6px 0 #4A0679}
.btn-violeta:active{transform:translateY(3px)}

/* si GSAP tarda en llegar, a los 4 s lo que estaba oculto aparece igual */
@keyframes failsafe{to{opacity:1}}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *{transition:none!important}
}