/* Contraste: --piedra y --primario eran demasiado claros sobre el crema para
 texto pequeño. Medido: el pueblo de las tarjetas daba 3,26:1 y el precio
 3,76:1, cuando la norma (WCAG AA) pide 4,5:1 por debajo de 24px. Oscurecidos
 un 17% y un 10%: mismo tono, ya legibles. De paso el blanco sobre el botón
 verde pasa de 4,31:1 a 5,15:1. */
/* ══ Páginas legales · aviso legal, privacidad y cookies ═══════════════════
   Hoja compartida por las tres: son casi iguales y así se tocan en un sitio.
   El resto de la web lleva su CSS dentro, porque cada página es muy distinta. */

:root{
  --noche:#0e0c0a; --hueso:#f4efe6; --tinta:#1d1b16;
  --mint:#5ed3a4; --primario:#1c7c59; --oro-claro:#e8c98f; --piedra:#736c61; --verde:#22352c;
  --serif:'Fraunces',Georgia,'Times New Roman',serif;
  --sans:-apple-system,'Segoe UI',Roboto,'Helvetica Neue',sans-serif;
  --redonda:'Arial Rounded MT Bold','Segoe UI',Roboto,sans-serif;
}
*{margin:0;padding:0;box-sizing:border-box}
[hidden]{display:none !important}
body{background:var(--hueso);color:var(--tinta);font-family:var(--sans);line-height:1.75;
    -webkit-text-size-adjust:100%}
::selection{background:var(--mint);color:var(--noche)}
img{max-width:100%;display:block}

/* ── cabecera (igual que en el resto de la web) ── */
header.barra{position:sticky;top:0;z-index:50;background:var(--verde);color:var(--hueso)}
.barra .fila{max-width:1240px;margin:0 auto;padding:16px clamp(18px,4vw,54px);
    display:flex;justify-content:space-between;align-items:center;gap:16px}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit}
.logo svg{width:28px;height:auto;flex:0 0 auto}
.logo b{font-family:var(--redonda);font-weight:700;font-size:14px;letter-spacing:.12em;white-space:nowrap}
.barra nav{display:flex;gap:22px;align-items:center;font-size:12px;letter-spacing:.16em;text-transform:uppercase}
/* El padding vertical da zona pulsable: sin él la caja del enlace mide
   exactamente la altura de la línea, 15px. */
.barra nav a{text-decoration:none;opacity:.85;color:inherit;padding:11px 0}
.barra nav a:hover,.barra nav a[aria-current]{opacity:1;color:var(--mint)}
@media(max-width:640px){
  .barra nav a.oculta-movil{display:none}
  .logo b{font-size:12px}
  .barra nav{gap:16px}
}
/* Por debajo de 430px el nombre escrito y los enlaces no caben y el último se
   pega al borde. Se queda la marca dibujada, que sigue llevando a la portada y
   conserva su aria-label. */
@media(max-width:430px){
  .logo b{display:none}
}
@media(max-width:360px){
  .barra .fila{padding-left:14px;padding-right:14px}
  .barra nav{gap:12px;font-size:11px;letter-spacing:.08em}
}

/* ── el documento ── */
.doc{max-width:780px;margin:0 auto;padding:clamp(34px,5vw,60px) clamp(20px,5vw,30px) 80px}
.kicker{font-size:11px;letter-spacing:.32em;text-transform:uppercase;color:var(--primario)}
.doc h1{font-family:var(--serif);font-weight:300;font-size:clamp(30px,4.4vw,46px);
    line-height:1.12;margin-top:12px}
.fecha{margin-top:16px;font-size:13.5px;color:var(--piedra)}
.doc h2{font-family:var(--serif);font-weight:300;font-size:clamp(22px,2.6vw,28px);
    margin-top:52px;padding-top:26px;border-top:1px solid #ded4c2;line-height:1.25}
.doc h3{font-size:15px;font-weight:600;margin-top:28px;letter-spacing:.01em}
.doc p{margin-top:15px;font-size:16.5px;color:#2c2a24}
.doc ul,.doc ol{margin-top:15px;padding-left:24px}
.doc li{margin-top:9px;font-size:16.5px;color:#2c2a24}
.doc a{color:var(--primario);text-decoration:none;border-bottom:1px solid rgba(31,138,99,.35)}
.doc a:hover{border-color:var(--primario)}
.doc strong{font-weight:600}

/* datos de contacto en bloque, para que se lean de un golpe */
.ficha-datos{margin-top:20px;background:#fff;border:0.5px solid #ded4c2;border-radius:12px;
    padding:20px 22px}
.ficha-datos dl{display:grid;grid-template-columns:1fr;gap:12px}
@media(min-width:560px){.ficha-datos dl{grid-template-columns:190px 1fr;gap:12px 20px}}
.ficha-datos dt{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--piedra);
    align-self:baseline}
.ficha-datos dd{font-size:16px;color:#2c2a24}

/* tabla de finalidades: en móvil se apila sola */
.tabla{margin-top:20px;overflow-x:auto;border:0.5px solid #ded4c2;border-radius:12px;background:#fff}
.tabla table{width:100%;border-collapse:collapse;font-size:15px;min-width:560px}
.tabla th,.tabla td{text-align:left;padding:13px 16px;border-bottom:0.5px solid #eadfcd;vertical-align:top}
.tabla th{font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--piedra);font-weight:600}
.tabla tr:last-child td{border-bottom:0}

/* ── dato que falta: tiene que cantar ── */
mark.pendiente{background:#ffe9a8;color:#5a4600;padding:2px 7px;border-radius:4px;
    border-bottom:2px solid #c9a227;font-weight:600;font-size:.94em;white-space:nowrap}
.borrador{margin-top:26px;background:#fdecec;border:1px solid #e0a2a2;border-left:5px solid #c0392b;
    border-radius:10px;padding:18px 20px}
.borrador p{margin-top:0;font-size:15.5px;color:#7a2020}
.borrador p+p{margin-top:11px}
.borrador b{font-weight:700}

/* nombres técnicos y teclas, para que no se lean como texto normal */
.doc code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.88em;
    background:#eae2d3;border-radius:5px;padding:2px 6px;color:#3a352a;word-break:break-word}
.doc kbd{font-family:inherit;font-size:.86em;background:#fff;border:1px solid #ded4c2;
    border-bottom-width:2px;border-radius:6px;padding:2px 7px;color:#3a352a}

/* nota al pie de sección */
.nota{margin-top:18px;background:#f0f7f3;border:0.5px solid #cfe6db;border-radius:10px;
    padding:15px 17px;font-size:15px;color:#20402f}
.nota p{margin-top:0;font-size:15px;color:#20402f}
.nota p+p{margin-top:10px}

footer{background:#101710;color:#7e937f;font-size:11.5px;letter-spacing:.08em;
    padding:44px 22px;text-align:center;line-height:1.9}
footer .logo{justify-content:center;color:#cdd6cb;margin-bottom:14px}
footer a{color:#a9c3ab;text-decoration:none}
footer a:hover{color:var(--mint)}
footer .legales{margin-top:12px}
footer .legales a{margin:0 7px}