/* ============================================================
   Mah Tables — sistema visual (handoff hi-fi): mantel de cuadros,
   tapete crema con filete dorado y fichas. Lo usan la Tienda y las
   páginas de Soporte, Privacidad e Inicio.
   ============================================================ */
:root{
  --porcelana:#1F3F8A; --porcelana-2:#24489A; --rosa:#D2457F; --rosa-sombra:#9E2C5C; --rosa-claro:#FDEAF1;
  --coral:#F08A6B; --dorado:#C9A24A; --dorado-texto:#A97C1F; --jade:#2E8B57; --jade-sombra:#1D6340;
  --verde-ficha:#8DBE3F; --cielo:#3BA6C9; --rojo-ficha:#C8322B;
  --crema:#FFFBF2; --linea:#E8DCC2; --linea-2:#E2D6BC; --linea-3:#F1E9D8;
  --tinta:#1E2A24; --texto-2:#3C4A43; --texto-2b:#4A5751; --texto-3:#6B746F; --texto-3b:#8A938E;
  --mantel:rgba(122,172,222,.42); --marco:var(--verde-ficha);
  --gingham:40px; --outer:10px; --mat-radius:24px; --f1:7px; --f2:9px; --f3:10.5px;
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0; color:var(--tinta); font-family:'Work Sans',sans-serif; line-height:1.5; -webkit-font-smoothing:antialiased; min-height:100dvh;
  background-color:#fff;
  background-image:linear-gradient(90deg,var(--mantel) 50%,transparent 50%),linear-gradient(var(--mantel) 50%,transparent 50%);
  background-size:var(--gingham) var(--gingham); padding:var(--outer);
}
a{color:var(--porcelana);} a:hover{color:var(--rosa);}
button{font-family:'Work Sans',sans-serif; cursor:pointer;}
h1,h2,h3{font-family:'DM Serif Display',serif; font-weight:400; margin:0;}
:focus-visible{outline:3px solid var(--rosa); outline-offset:2px;}
[hidden]{display:none !important;}

.mat{
  margin:0 auto; background:var(--crema); border-radius:var(--mat-radius);
  box-shadow:inset 0 0 0 var(--f1) var(--marco), inset 0 0 0 var(--f2) var(--crema), inset 0 0 0 var(--f3) var(--dorado);
  display:flex; flex-direction:column;
}
.ficha{
  display:inline-flex; align-items:center; justify-content:center; flex:none; line-height:1;
  background:linear-gradient(#FFFEF8,#F1E9D6); border-radius:8px; font-family:'DM Serif Display',serif;
  box-shadow:0 4px 0 var(--canto,var(--verde-ficha)), 0 6px 10px rgba(30,40,60,.18);
}
.logo{display:flex; align-items:center; gap:12px; text-decoration:none;}
.logo-txt{display:flex; flex-direction:column; line-height:.95;}
.logo-1{font-family:'DM Serif Display',serif; color:var(--porcelana);}
.logo-2{font-family:'Pinyon Script',cursive; color:var(--rosa); white-space:nowrap;}
.eyebrow{font-weight:700; letter-spacing:.16em; text-transform:uppercase; color:var(--rosa);}
.pie{display:flex; justify-content:center; gap:12px; flex-wrap:wrap; font-size:13px; color:var(--texto-3b); border-top:1px solid #EFE6D3; padding-top:16px;}
.pie a{color:var(--texto-3b);}
.lang-pill{display:flex; padding:3px; border-radius:999px; background:#fff; box-shadow:inset 0 0 0 1.5px var(--linea-2);}
.lang-pill button{height:34px; padding:0 12px; border:0; border-radius:999px; font-size:13px; font-weight:700; background:transparent; color:var(--texto-2);}
.lang-pill button[aria-pressed="true"]{background:var(--porcelana); color:#fff;}
.btn-azul{display:inline-flex; align-items:center; gap:10px; border:0; border-radius:12px; background:var(--porcelana); color:#fff; text-decoration:none; font-weight:700; font-size:15px; box-shadow:0 4px 0 #142B61;}
.btn-azul:hover{color:#fff;}
.btn-borde{border:0; border-radius:12px; background:#fff; box-shadow:inset 0 0 0 1.5px var(--linea-2); font-weight:600; font-size:15px; color:var(--porcelana);}
.btn-rosa{border:0; border-radius:12px; background:var(--rosa); color:#fff; font-weight:700; box-shadow:0 4px 0 var(--rosa-sombra);}
.btn-rosa:active, .btn-azul:active{transform:translateY(2px);}

@media (min-width:900px){
  :root{--gingham:56px; --outer:28px; --mat-radius:26px; --f1:10px; --f2:13px; --f3:15px;}
}
@media (prefers-reduced-motion: reduce){ html{scroll-behavior:auto;} }