/* ──────────────────────────────────────────────────────────────
   Páginas legales · «Viaja más, paga menos»

   Mismo mundo que la landing pero en papel: fondo claro, columna
   estrecha y nada que distraiga. Una página legal que parece un
   anuncio no la lee nadie, y leerla es justo de lo que se trata.

   Va en fichero aparte, no incrustado, porque son tres páginas y
   mantener tres copias del mismo CSS es cómo se empiezan a separar.
   ────────────────────────────────────────────────────────────── */

:root{
  --marino:#002A4E;
  --marino-hondo:#001B33;
  --marino-claro:#0B4575;
  --amarillo:#F8E838;
  --cielo:#EAF4FB;
  --espuma:#FFFFFF;
  --tinta:#0C2033;
  --grafito:#4A657C;
  --borde:rgba(0,42,78,.14);
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}

body{
  font-family:'Archivo',system-ui,-apple-system,'Segoe UI',sans-serif;
  font-size:1rem;line-height:1.7;color:var(--tinta);
  background:var(--espuma);
}

.env{width:min(100% - 2rem,44rem);margin-inline:auto}

a{color:var(--marino-claro)}
a:focus-visible{outline:2px solid var(--marino-claro);outline-offset:2px}

/* ── Cabecera ──────────────────────────────────────────────────── */
.cab{background:var(--marino);color:var(--espuma);padding-block:1.1rem}
.cab__caja{display:flex;align-items:center;justify-content:space-between;gap:1rem}
.cab__marca{display:flex;align-items:center;gap:.7rem;text-decoration:none;
  color:var(--espuma)}
.cab__marca img{width:2.6rem;height:2.6rem;display:block}
.cab__txt{font-weight:900;font-size:.82rem;letter-spacing:.14em;
  text-transform:uppercase;line-height:1.2}
.cab__volver{color:#BFE2FF;text-decoration:none;font-size:.88rem;font-weight:700;
  white-space:nowrap}
.cab__volver:hover{color:var(--espuma)}

/* ── Título ────────────────────────────────────────────────────── */
.titulo{background:var(--cielo);padding-block:clamp(2rem,1.4rem + 2.4vw,3rem);
  border-bottom:1px solid var(--borde)}
.titulo__et{font-size:.72rem;font-weight:800;letter-spacing:.22em;
  text-transform:uppercase;color:var(--grafito)}
.titulo h1{font-size:clamp(1.7rem,1.3rem + 1.8vw,2.4rem);font-weight:900;
  letter-spacing:-.02em;line-height:1.15;margin-block:.35rem .6rem;
  color:var(--marino)}
.titulo p{color:var(--grafito);font-size:.98rem}

/* ── Cuerpo ────────────────────────────────────────────────────── */
main{padding-block:clamp(2rem,1.5rem + 2vw,3rem)}
main h2{font-size:1.2rem;font-weight:900;color:var(--marino);
  margin-block:2rem .7rem;letter-spacing:-.01em;line-height:1.25}
main h2:first-of-type{margin-top:0}
main h3{font-size:1rem;font-weight:800;color:var(--marino);margin-block:1.3rem .4rem}
main p{margin-bottom:.9rem}
main ul,main ol{margin:0 0 1rem 1.3rem}
main li{margin-bottom:.4rem}
main b,main strong{color:var(--marino)}

/* ── Tablas ────────────────────────────────────────────────────── */
.tabla{width:100%;margin-bottom:1.2rem;overflow-x:auto}
table{width:100%;border-collapse:collapse;font-size:.93rem;min-width:min(100%,28rem)}
th,td{text-align:left;vertical-align:top;padding:.7rem .8rem;
  border-bottom:1px solid var(--borde)}
thead th{background:var(--cielo);color:var(--marino);font-weight:800;
  font-size:.8rem;letter-spacing:.04em;text-transform:uppercase}
tbody th{width:11rem;font-weight:800;color:var(--marino)}

/* El dato que todavía falta, imposible de pasar por alto */
.pendiente{display:inline-block;padding:.1rem .45rem;border-radius:.3rem;
  background:#FFE8B3;color:#7A4B00;font-weight:800;font-size:.86rem;
  border:1px solid #E0A93B}

/* ── Avisos ────────────────────────────────────────────────────── */
.nota{padding:1rem 1.1rem;border-radius:.7rem;background:var(--cielo);
  border:1px solid var(--borde);margin-bottom:1.2rem;font-size:.95rem}
.nota p:last-child{margin-bottom:0}

/* ── Pie ───────────────────────────────────────────────────────── */
.pie{background:var(--marino-hondo);color:#8FB4CE;padding-block:2rem;
  font-size:.85rem;line-height:1.7;margin-top:2.5rem}
.pie a{color:#BFE2FF}
.pie__enlaces{display:flex;flex-wrap:wrap;gap:.4rem 1.1rem;margin-bottom:.8rem}
.pie b{color:#C7DEEF}