/* Páginas legales: aviso legal, privacidad y cookies.
   Colores de marca: salen de los ficheros de logo (ver CLAUDE.md) */
:root {
  --marino: #1C355E;
  --marino-oscuro: #13253F;
  --acento: #68A2B9;
  --acento-sobre-marino: #9BC4D6;
  --tinta: #152238;
  --texto: #3E4C63;
  --texto-suave: #5E6B80;
  --linea: #DDE3EB;
  --fondo-alt: #F5F8FA;
  --titular: 'Manrope', system-ui, sans-serif;
  --cuerpo: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
}
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
body { font-family: var(--cuerpo); font-size: 16.5px; line-height: 1.7; color: var(--texto); background: #fff; -webkit-font-smoothing: antialiased; }
a { color: var(--marino); }
:focus-visible { outline: 3px solid var(--acento); outline-offset: 3px; border-radius: 4px; }
.contenedor { max-width: 1160px; margin: 0 auto; padding: 0 24px; }

.cabecera { border-bottom: 1px solid var(--linea); background: #fff; }
.cabecera .contenedor { display: flex; align-items: center; justify-content: space-between; height: 72px; }
.cabecera img { height: 36px; width: auto; display: block; }
.cabecera a.volver { font-size: 15px; font-weight: 600; text-decoration: none; }

.intro { background: var(--fondo-alt); border-bottom: 1px solid var(--linea); padding: 56px 0 44px; }
.intro h1 { font-family: var(--titular); color: var(--tinta); font-size: clamp(30px, 4.5vw, 42px); line-height: 1.15; letter-spacing: -0.02em; font-weight: 800; margin-bottom: 8px; }
.intro p { color: var(--texto-suave); font-size: 15px; }

.documento { max-width: 760px; padding: 48px 24px 88px; margin: 0 auto; }
.documento h2 { font-family: var(--titular); color: var(--tinta); font-size: 21px; letter-spacing: -0.01em; margin: 40px 0 12px; }
.documento h2:first-child { margin-top: 0; }
.documento p, .documento ul { margin-bottom: 14px; }
.documento ul { padding-left: 22px; }
.documento li { margin-bottom: 6px; }
.documento strong { color: var(--tinta); font-weight: 600; }

.ficha { border: 1px solid var(--linea); border-radius: 12px; overflow: hidden; margin-bottom: 20px; }
.ficha div { display: grid; grid-template-columns: 200px 1fr; gap: 16px; padding: 12px 18px; border-bottom: 1px solid var(--linea); font-size: 15.5px; }
.ficha div:last-child { border-bottom: 0; }
.ficha dt { font-weight: 600; color: var(--tinta); }

/* PENDIENTE: dato que falta. Buscar «pendiente» y sustituir antes de publicar */
.pendiente { background: #FFF1D6; color: #7A4A0E; border: 1px dashed #D08A2E; border-radius: 4px; padding: 0 5px; font-weight: 600; }

.pie { background: var(--marino-oscuro); color: rgba(255,255,255,.7); font-size: 14px; padding: 28px 0; }
.pie .contenedor { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 12px 24px; }
.pie ul { display: flex; flex-wrap: wrap; gap: 8px 24px; list-style: none; }
.pie a { color: rgba(255,255,255,.7); text-decoration: none; }
.pie a:hover, .pie a[aria-current] { color: #fff; }

@media (max-width: 640px) {
  .contenedor { padding: 0 16px; }
  .documento { padding: 36px 16px 64px; }
  .ficha div { grid-template-columns: 1fr; gap: 2px; }
}