/* legal.css — estilos de las páginas legales (privacidad, aviso legal, cookies).
   Usa las variables definidas en styles.css. */

.acerca-main { max-width:780px; margin:0 auto; padding:40px 24px 100px }

.acerca-hero { margin-bottom:36px }
.acerca-hero h1 {
  font-family:"Inter",sans-serif; font-size:clamp(28px,5vw,40px);
  font-weight:800; color:var(--texto); line-height:1.15; margin-bottom:14px;
}
.acerca-hero p { font-size:16px; color:var(--g500); line-height:1.7; max-width:640px }
.legal-fecha { display:block; margin-top:10px; font-size:13px; color:var(--g400) }

.acerca-seccion {
  margin-bottom:28px;
  padding:26px 32px;
  background:var(--blanco);
  border:1.5px solid var(--g200);
  border-radius:var(--radius);
  position:relative; overflow:hidden;
}
.acerca-seccion::before {
  content:""; position:absolute; left:0; top:0; bottom:0;
  width:4px; background:var(--azul); border-radius:4px 0 0 4px;
}
.acerca-seccion.gris::before { background:var(--g300) }
.acerca-seccion h2 {
  font-family:"Inter",sans-serif; font-size:18px; font-weight:800;
  color:var(--texto); margin-bottom:10px;
}
.acerca-seccion h3 {
  font-family:"Inter",sans-serif; font-size:15px; font-weight:700;
  color:var(--texto); margin:18px 0 6px;
}
.acerca-seccion p, .acerca-seccion li {
  font-size:14px; color:var(--g500); line-height:1.75;
}
.acerca-seccion p + p { margin-top:10px }
.acerca-seccion ul { padding-left:20px; margin-top:8px }
.acerca-seccion li { margin-bottom:6px }
.acerca-seccion a { color:var(--azul); font-weight:600; text-decoration:none }
.acerca-seccion a:hover { text-decoration:underline }
.acerca-seccion strong { color:var(--texto) }

/* Tabla de proveedores / cookies */
.legal-tabla-wrap { overflow-x:auto; margin-top:12px }
.legal-tabla {
  width:100%; border-collapse:collapse; font-size:13px; min-width:520px;
}
.legal-tabla th, .legal-tabla td {
  text-align:left; vertical-align:top; padding:10px 12px;
  border-bottom:1px solid var(--g200); line-height:1.6; color:var(--g500);
}
.legal-tabla th { color:var(--texto); font-weight:700; background:var(--g100) }

/* Datos del titular pendientes de completar: se ven a simple vista */
.pendiente {
  background:#fef08a; color:#713f12; padding:1px 6px; border-radius:4px; font-weight:600;
}
body.dark .pendiente { background:rgba(250,204,21,.2); color:#fde68a }

.legal-otras {
  margin-top:36px; padding:18px 22px; border-radius:var(--radius);
  background:var(--g100); font-size:14px; color:var(--g500); line-height:1.8;
}
.legal-otras a { color:var(--azul); font-weight:600; text-decoration:none; margin-right:14px }
.legal-otras a:hover { text-decoration:underline }

@media(max-width:520px) {
  .acerca-seccion { padding:20px 20px }
}