/* ====================================================================
   Talleres Salguero · Hoja de estilos para páginas legales
   Reutiliza la marca, los colores y la tipografía de la web principal.
   ==================================================================== */
:root{
  --ink:#14181c;--ink-2:#1d242b;--steel:#5b6670;--line:#e4e7ea;
  --paper:#f5f6f7;--white:#ffffff;--red:#cf2026;--red-d:#a4161a;--maxw:1200px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Inter',system-ui,sans-serif;color:var(--ink);background:var(--white);
  line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden}
h1,h2,h3{font-family:'Archivo',sans-serif;line-height:1.12;letter-spacing:-.01em}
a{color:var(--red);text-decoration:none}
a:hover{text-decoration:underline}
img{max-width:100%;display:block}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 22px}

/* ---------- Cabecera ---------- */
header{position:sticky;top:0;z-index:60;background:rgba(20,24,28,.95);
  backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.08)}
.nav{display:flex;align-items:center;justify-content:space-between;height:70px;gap:16px}
.brand{display:flex;align-items:center;gap:11px;color:#fff}
.logo-tile{width:44px;height:44px;border-radius:11px;background:#fff;flex:none;overflow:hidden;
  box-shadow:0 3px 10px rgba(0,0,0,.28),inset 0 0 0 1px rgba(0,0,0,.05)}
.logo-tile img{width:100%;height:100%;object-fit:cover;display:block}
.brand .bn{font-family:'Archivo';font-weight:800;font-size:1.05rem;letter-spacing:.02em;line-height:1;color:#fff}
.brand .bs{font-family:'Spline Sans Mono';font-size:.55rem;letter-spacing:.2em;color:#9aa6b1;
  text-transform:uppercase;display:block;margin-top:3px}
.back{display:inline-flex;align-items:center;gap:8px;color:#cdd5dc;font-weight:600;font-size:.9rem;
  border:1.5px solid rgba(255,255,255,.28);border-radius:999px;padding:9px 16px;white-space:nowrap}
.back:hover{border-color:#fff;color:#fff;text-decoration:none}
.back svg{flex:none}

/* ---------- Banda de título ---------- */
.lead{background:var(--ink);color:#fff;padding:48px 0 42px;position:relative;overflow:hidden}
.lead::before{content:"";position:absolute;top:-40%;right:-12%;width:48%;height:180%;
  background:linear-gradient(115deg,transparent 0 46%,var(--red) 46% 52%,transparent 52%);
  opacity:.14;transform:rotate(2deg);pointer-events:none}
.lead .eyebrow{font-family:'Spline Sans Mono';font-weight:600;font-size:.72rem;letter-spacing:.22em;
  text-transform:uppercase;color:#ff9a9e;position:relative}
.lead h1{font-size:clamp(2rem,5vw,3rem);font-weight:900;text-transform:uppercase;margin-top:10px;position:relative}
.lead p{color:#9aa6b1;margin-top:12px;font-size:.95rem;max-width:60ch;position:relative}

/* ---------- Contenido ---------- */
.legal{padding:48px 0 72px}
.legal .wrap{max-width:830px}
.legal .upd{display:inline-block;background:var(--paper);border:1px solid var(--line);border-radius:999px;
  padding:6px 14px;font-size:.82rem;color:var(--steel);margin-bottom:28px;font-weight:600}
.legal h2{font-size:1.4rem;margin:36px 0 12px}
.legal h2:first-of-type{margin-top:0}
.legal h3{font-size:1.08rem;margin:22px 0 8px}
.legal p,.legal li{color:#2b333a;font-size:1rem;margin-bottom:12px}
.legal ul,.legal ol{margin:0 0 16px 22px}
.legal li{margin-bottom:8px}
.legal strong{color:var(--ink)}
.legal .box{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:20px 22px;margin:20px 0}
.legal .box p:last-child,.legal .box ul:last-child{margin-bottom:0}
.legal .note{background:#fff7e6;border:1px solid #f0d68a;border-radius:12px;padding:14px 16px;
  font-size:.92rem;color:#6b531a;margin:20px 0}
.legal .note strong{color:#5a4410}
.legal .table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:18px 0}
.legal table{width:100%;border-collapse:collapse;font-size:.9rem;min-width:580px}
.legal th,.legal td{border:1px solid var(--line);padding:10px 12px;text-align:left;vertical-align:top}
.legal th{background:var(--paper);font-weight:700;color:var(--ink)}
.legal code{font-family:'Spline Sans Mono',monospace;font-size:.86em;background:var(--paper);padding:1px 5px;border-radius:5px}

/* ---------- Pie ---------- */
footer{background:#0d1115;color:#8d99a3;padding:42px 0 28px;font-size:.9rem}
.foot-grid{display:flex;justify-content:space-between;gap:26px;flex-wrap:wrap;align-items:flex-start}
footer .brand{margin-bottom:10px}
footer .logo-tile{width:40px;height:40px}
.fl{display:flex;gap:20px;flex-wrap:wrap}
.fl a{color:#cdd5dc}
.foot-legal{display:flex;gap:8px 16px;flex-wrap:wrap;align-items:center;margin-top:16px;padding-top:16px;
  border-top:1px solid rgba(255,255,255,.08);font-size:.82rem}
.foot-legal a{color:#9aa6b1}
.foot-legal .sep{opacity:.4}
.foot-legal a[aria-current="page"]{color:#fff;font-weight:700}
.foot-bottom{margin-top:16px;font-size:.8rem;color:#7a8691}
address{font-style:normal}

/* ---------- Accesibilidad ---------- */
a:focus-visible,button:focus-visible{outline:3px solid var(--red);outline-offset:3px;border-radius:8px}
.back:focus-visible{outline-color:#fff}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
@media(max-width:640px){
  .brand .bs{display:none}
  .nav{height:62px}
  .back .lbl{display:none}
  .back{padding:9px 12px}
}