/* ============================================================================
   AUDICAL — Estilo común de las páginas legales
   (Aviso Legal · Política de Privacidad · Política de Cookies)
   ============================================================================ */
:root{
  --teal:#1a7f8e; --teal-d:#0f5d6b; --teal-l:#3fa9b8;
  --ink:#15252b; --slate:#5a6b72; --mist:#eef4f6;
  --line:#d7e3e7; --bg:#f6f9fa;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:"Segoe UI",system-ui,Roboto,Arial,sans-serif;color:var(--ink);background:var(--bg);line-height:1.65}
a{color:var(--teal-d)}
.wrap{max-width:820px;margin:0 auto;padding:0 24px}

/* Barra superior */
.topbar{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}
.topbar .wrap{display:flex;align-items:center;justify-content:space-between;height:64px}
.brand{font-weight:800;font-size:21px;color:var(--teal-d);text-decoration:none;letter-spacing:.02em}
.brand em{font-style:normal;color:var(--teal-l)}
.topbar .home{font-size:14.5px;font-weight:600;text-decoration:none;color:var(--slate)}
.topbar .home:hover{color:var(--teal-d)}

/* Contenido */
main{padding:42px 0 56px}
h1{color:var(--teal-d);font-size:30px;margin:0 0 6px;line-height:1.2}
.updated{color:var(--slate);font-size:13.5px;margin:0 0 28px}
h2{color:var(--teal-d);font-size:20px;margin:34px 0 10px}
h3{color:var(--ink);font-size:16px;margin:20px 0 6px}
p,li{font-size:15.5px;color:#2a3b41}
ul{padding-left:20px}
li{margin-bottom:6px}
.box{background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px 22px;margin:16px 0}
.box p{margin:6px 0}
table{width:100%;border-collapse:collapse;margin:14px 0;font-size:13.5px}
th,td{border:1px solid var(--line);padding:9px 11px;text-align:left;vertical-align:top}
th{background:var(--mist);color:var(--teal-d);font-weight:700}

/* Pie */
.legal-footer{background:var(--ink);color:#a9bcc2;font-size:13.5px;padding:24px 0;margin-top:30px}
.legal-footer .wrap{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center}
.legal-footer a{color:#cfe0e4;text-decoration:none}
.legal-footer a:hover{text-decoration:underline}
.legal-footer .sep{opacity:.4}