/* Honora — páginas legales (aviso legal, privacidad, cookies).
   Comparten esta hoja porque son texto puro; la portada lleva su CSS propio. */

:root{
  --petrol:#0E5C54; --petrol-dark:#0A453F; --petrol-600:#137A6E; --petrol-tint:#E3EFEC;
  --gold:#C2A24A;
  --ink:#14302B; --ink-2:#5B6B66;
  --bg:#FFFFFF; --surface:#F6F4EF; --border:#E2DCCF;
  --display:"Fraunces",Georgia,"Times New Roman",serif;
  --ui:"Inter",-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}
*{box-sizing:border-box}
body{
  margin:0; font-family:var(--ui); font-size:16px; line-height:1.65; color:var(--ink);
  background:var(--bg); -webkit-font-smoothing:antialiased;
}
.wrap{max-width:760px; margin:0 auto; padding-inline:24px}

/* ---- cabecera ---- */
.site-header{background:var(--bg); border-bottom:1px solid var(--border)}
.site-header .wrap{display:flex; align-items:center; gap:20px; min-height:72px}
.brand{display:flex; align-items:center; gap:12px; text-decoration:none; color:var(--ink); margin-right:auto}
.brand span{font-family:var(--display); font-size:1.45rem; font-weight:600}
.btn{
  display:inline-flex; align-items:center; font:500 .94rem/1 var(--ui);
  background:var(--petrol); color:#fff; text-decoration:none;
  border-radius:10px; padding:10px 16px; white-space:nowrap;
}
.btn:hover{background:var(--petrol-dark)}

/* ---- contenido ---- */
main{padding-block:clamp(40px,6vw,72px)}
h1{font-family:var(--display); font-size:clamp(1.7rem,4vw,2.4rem); font-weight:600;
   line-height:1.2; margin:0 0 .3em; color:var(--ink)}
.updated{color:var(--ink-2); font-size:.9rem; margin:0 0 2.4em}
h2{font-family:var(--display); font-size:1.3rem; font-weight:600; color:var(--petrol);
   line-height:1.3; margin:2.4em 0 .6em}
h3{font-size:1rem; font-weight:600; margin:1.6em 0 .4em}
p, li{margin:0 0 1em}
ul, ol{padding-left:1.3em; margin:0 0 1em}
li{margin-bottom:.45em}
a{color:var(--petrol-600)}
strong{font-weight:600}

/* Ficha de datos identificativos */
.datos{
  background:var(--surface); border:1px solid var(--border); border-left:4px solid var(--petrol);
  border-radius:10px; padding:22px 24px; margin:0 0 1.6em;
}
.datos dl{margin:0; display:grid; grid-template-columns:auto 1fr; gap:8px 20px; font-size:.95rem}
.datos dt{color:var(--ink-2); white-space:nowrap}
.datos dd{margin:0}
@media (max-width:560px){
  .datos dl{grid-template-columns:1fr; gap:2px}
  .datos dt{margin-top:10px}
}

table{width:100%; border-collapse:collapse; margin:0 0 1.6em; font-size:.94rem}
th, td{text-align:left; padding:10px 12px; border-bottom:1px solid var(--border); vertical-align:top}
th{color:var(--ink-2); font-weight:600}

.nota{
  background:var(--petrol-tint); border-radius:10px; padding:18px 22px;
  margin:1.6em 0; font-size:.95rem;
}
.nota p:last-child{margin-bottom:0}

/* ---- pie ---- */
.site-footer{background:var(--ink); color:#CFDAD7; padding-block:40px; font-size:.9rem; margin-top:64px}
.site-footer a{color:#fff; text-decoration:none}
.site-footer a:hover{text-decoration:underline}
.footer-legal{display:flex; gap:20px; flex-wrap:wrap; margin-bottom:18px}
.footer-note{margin:0; color:#94A8A3; font-size:.83rem; max-width:60ch}