/* ============================================================================
   ESTILO COMÚN DE LAS PÁGINAS LEGALES  ·  13 ago 2026
   ----------------------------------------------------------------------------
   Lo usan: privacidad.html · terminos.html · deslinde.html · cookies.html ·
   reembolsos.html
   POR QUÉ UN ARCHIVO Y NO EL ESTILO DENTRO DE CADA UNO: eran 2 documentos y
   ahora son 5. Con el estilo repetido cinco veces, el día que se cambie un
   color o un tamaño hay que acordarse de los cinco — y el que se olvide se
   queda distinto sin que nadie lo note.
   Los colores salen del mismo azabache + oro del resto de la plataforma.
   ============================================================================ */
:root{
  --bg:#111110; --card:#1a1a18; --texto:#e8e4d9; --muted:#9a927f;
  --oro:#d4af37; --oro2:#f4d97a; --linea:#2c2c28; --alerta:#ffb4b4;
}
*{ box-sizing:border-box; }
body{
  margin:0; background:var(--bg); color:var(--texto); line-height:1.75;
  font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif;
  -webkit-text-size-adjust:100%;
}
.envoltura{ max-width:760px; margin:0 auto; padding:38px 22px 80px; }
a{ color:var(--oro2); }
h1{ font-size:1.9rem; line-height:1.25; margin:0 0 6px; color:var(--oro); font-weight:600; }
h2{ font-size:1.18rem; margin:34px 0 8px; color:var(--oro2); font-weight:600; }
h3{ font-size:1rem; margin:20px 0 4px; font-weight:600; }
p,li{ font-size:.98rem; color:var(--texto); }
li{ margin-bottom:7px; }
strong{ color:#fff; }
.fecha{ color:var(--muted); font-size:.88rem; margin-bottom:26px; }

/* Caja para lo que el cliente NO se puede perder */
.caja{ background:var(--card); border:1px solid var(--linea); border-radius:12px;
       padding:16px 18px; margin:18px 0; }
.caja p:first-child{ margin-top:0; } .caja p:last-child{ margin-bottom:0; }
.caja.ojo{ border-color:var(--oro); }

/* Tablas: se desplazan solas en el celular en vez de romper la página */
table{ width:100%; border-collapse:collapse; margin:12px 0; font-size:.92rem;
       display:block; overflow-x:auto; }
th,td{ text-align:left; padding:9px 10px; border-bottom:1px solid var(--linea); vertical-align:top; }
th{ color:var(--oro2); font-weight:600; white-space:nowrap; }

.volver{ display:inline-block; margin-bottom:24px; color:var(--muted);
         text-decoration:none; font-size:.9rem; }
.volver:hover{ color:var(--oro2); }

/* Barra con los otros documentos: desde cualquiera se llega a todos */
.otros{ margin:34px 0 0; padding-top:18px; border-top:1px solid var(--linea);
        font-size:.88rem; color:var(--muted); }
.otros a{ display:inline-block; margin:0 10px 6px 0; }
.otros .aqui{ color:var(--muted); text-decoration:none; opacity:.55; }

footer{ margin-top:30px; padding-top:20px; border-top:1px solid var(--linea);
        color:var(--muted); font-size:.85rem; }