/* ═══════════════════════════════════════════════════════════════
   TOSTADERO WELLINGTON — estilos del sitio público
   Un solo archivo para las tres páginas. Si cambiás un color acá,
   cambia en todo el sitio.
   Paleta: la del logo (faro azul sobre crema) + dorado de acento.
   ═══════════════════════════════════════════════════════════════ */
:root{
  --navy:#1a2f6e;
  --navy-osc:#16264f;
  --navy-prof:#0d1733;
  --crema:#fffdf8;
  --papel:#f6f1e6;
  --borde:#ede6d8;
  --dorado:#d4a96a;
  --dorado-osc:#b8842a;
  --tinta:#2d1f0e;
  --tinta-suave:#8a6a40;
  --ok:#1d6b45;
  --alerta:#9b2c2c;
  --serif:"Playfair Display",Georgia,"Times New Roman",serif;
  --texto:"Lora",Georgia,serif;
  --ui:system-ui,-apple-system,"Segoe UI",sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;background:var(--papel);color:var(--tinta);
  font-family:var(--texto);line-height:1.65;font-size:16px;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;display:block}
a{color:var(--navy)}

/* ── ENCABEZADO ─────────────────────────────────────────────── */
.tw-header{
  background:var(--navy);position:sticky;top:0;z-index:50;
  border-bottom:2px solid rgba(212,169,106,.35);
}
.tw-header .barra{
  max-width:1080px;margin:0 auto;padding:12px 20px;
  display:flex;align-items:center;gap:14px;
}
.tw-marca{display:flex;align-items:center;gap:11px;text-decoration:none;flex:1;min-width:0}
.tw-marca img{width:42px;height:42px;border-radius:50%;flex:none}
.tw-marca span{
  font-family:var(--serif);color:var(--dorado);font-weight:700;
  font-size:15px;letter-spacing:.13em;text-transform:uppercase;line-height:1.2;
}
.tw-nav{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.tw-nav a{
  font-family:var(--ui);font-size:13.5px;color:#d8dcea;text-decoration:none;
  padding:8px 13px;border-radius:9px;border:1px solid transparent;white-space:nowrap;
}
.tw-nav a:hover{background:rgba(255,255,255,.07);color:#fff}
.tw-nav a.activo{color:var(--crema);border-color:rgba(212,169,106,.55);background:rgba(212,169,106,.12)}
.tw-menu-btn{
  display:none;background:none;border:1px solid rgba(255,255,255,.25);
  color:#e8ecf6;font-size:19px;padding:6px 11px;border-radius:9px;cursor:pointer;line-height:1;
}
@media(max-width:720px){
  .tw-menu-btn{display:block}
  .tw-nav{display:none;width:100%;order:10;flex-direction:column;align-items:stretch;
          gap:4px;padding-top:10px;border-top:1px solid rgba(255,255,255,.12)}
  .tw-nav.abierto{display:flex}
  .tw-nav a{text-align:center;padding:11px}
  .tw-header .barra{flex-wrap:wrap}
  .tw-marca span{font-size:13px}
}

/* ── ESTRUCTURA ─────────────────────────────────────────────── */
.seccion{max-width:1080px;margin:0 auto;padding:52px 20px}
.seccion.angosta{max-width:720px}
h1,h2,h3{font-family:var(--serif);color:var(--navy);line-height:1.18;margin:0}
h1{font-size:clamp(30px,5.2vw,46px);font-weight:900}
h2{font-size:clamp(22px,3.4vw,30px);font-weight:700;margin-bottom:6px}
h3{font-size:18px;font-weight:700}
.bajada{color:var(--tinta-suave);font-style:italic;font-size:17px;margin:10px 0 0}
.linea{width:56px;height:2px;background:var(--dorado);margin:16px 0 22px;border:0}
.linea.centro{margin-left:auto;margin-right:auto}
.centro{text-align:center}

/* ── BOTONES ────────────────────────────────────────────────── */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  font-family:var(--ui);font-weight:700;font-size:15px;text-decoration:none;
  padding:13px 24px;border-radius:11px;border:1px solid transparent;cursor:pointer;
  transition:transform .12s ease,filter .12s ease;
}
.btn:active{transform:scale(.985)}
.btn:hover{filter:brightness(1.06)}
.btn-oro{background:var(--dorado);color:#2a1c05;border-color:var(--dorado-osc)}
.btn-navy{background:var(--navy);color:var(--crema)}
.btn-linea{background:transparent;color:var(--navy);border-color:#c8d4f0}
.btn-linea-claro{background:transparent;color:var(--crema);border-color:rgba(255,253,248,.45)}
.btn:disabled{opacity:.45;cursor:not-allowed;filter:none}
.btn-chico{padding:8px 14px;font-size:13px;border-radius:9px}

/* ── TARJETAS ───────────────────────────────────────────────── */
.tarjeta{
  background:var(--crema);border:1px solid var(--borde);border-radius:16px;
  padding:22px 24px;
}
.grilla{display:grid;gap:18px}
.grilla-3{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}
.grilla-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}

/* ── PIE ────────────────────────────────────────────────────── */
.tw-pie{background:var(--navy-osc);color:#c3cbdb;margin-top:40px}
.tw-pie .adentro{
  max-width:1080px;margin:0 auto;padding:38px 20px 30px;
  display:grid;gap:26px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
}
.tw-pie h4{
  font-family:var(--ui);font-size:11.5px;text-transform:uppercase;letter-spacing:.1em;
  color:var(--dorado);margin:0 0 10px;font-weight:700;
}
.tw-pie p,.tw-pie a{font-size:14px;line-height:1.7;margin:0;color:#c3cbdb;text-decoration:none}
.tw-pie a:hover{color:#fff;text-decoration:underline}
.tw-pie .abajo{
  border-top:1px solid rgba(255,255,255,.1);text-align:center;
  padding:14px 20px 20px;font-size:12px;color:#8794ad;font-family:var(--ui);
}

/* ── UTILES ─────────────────────────────────────────────────── */
.chip{
  display:inline-block;font-family:var(--ui);font-size:11.5px;font-weight:700;
  padding:3px 10px;border-radius:99px;letter-spacing:.03em;
}
.chip-oro{background:rgba(212,169,106,.18);color:var(--dorado-osc);border:1px solid rgba(212,169,106,.5)}
.chip-ok{background:#e6f4ec;color:var(--ok);border:1px solid #b5dcc6}
.chip-no{background:#fdeaea;color:var(--alerta);border:1px solid #f0bcbc}
.plata{font-family:var(--ui);font-variant-numeric:tabular-nums}
.oculto{display:none !important}