/* ══ Páginas legales · aviso legal, privacidad, cookies y la página 404 ═════
   Hoja compartida por las cuatro: son casi iguales y así se tocan en un sitio.
   Lo común (colores, letras, cabecera, pie) está en marca.css, que se carga
   antes. Texto a la izquierda: un documento largo se lee mejor así. */

*{margin:0;padding:0;box-sizing:border-box}
[hidden]{display:none !important}
body{line-height:1.75}

/* ── el documento ── */
.doc{max-width:780px;margin:0 auto;padding:clamp(34px,5vw,60px) var(--margen) var(--seccion)}
.doc h1{font-size:var(--h2);line-height:1.12;margin-top:10px}
.fecha{margin-top:14px;font-size:14px;color:var(--etiqueta)}
.doc h2{font-size:clamp(22px,1.4vw + 12px,28px);line-height:1.25;margin-top:48px;padding-top:24px;border-top:1px solid var(--linea)}
.doc h3{font-family:var(--texto);font-size:16px;font-weight:700;letter-spacing:0;margin-top:28px}
.doc p{margin-top:14px;font-size:16.5px;color:var(--carbon-2)}
.doc ul,.doc ol{margin-top:14px;padding-left:22px}
.doc li{margin-top:8px;font-size:16.5px;color:var(--carbon-2)}
.doc a{color:var(--verde-medio);font-weight:600;text-decoration:none;border-bottom:1px solid rgba(65,109,89,.35)}
.doc a:hover{border-color:var(--verde-medio)}
.doc strong{font-weight:700;color:var(--carbon)}

/* datos de contacto en bloque, para que se lean de un golpe */
.ficha-datos{margin-top:20px;background:var(--blanco);border:1px solid var(--linea);border-radius:var(--radio);padding:20px 22px}
.ficha-datos dl{display:grid;grid-template-columns:1fr;gap:10px}
@media(min-width:560px){ .ficha-datos dl{grid-template-columns:190px 1fr;gap:12px 20px} }
.ficha-datos dt{font-size:13.5px;font-weight:600;color:var(--etiqueta);align-self:baseline}
.ficha-datos dd{font-size:16px;color:var(--carbon)}

/* tabla de finalidades: en el móvil se desplaza sola */
.tabla{margin-top:20px;overflow-x:auto;border:1px solid var(--linea);border-radius:var(--radio);background:var(--blanco)}
.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:1px solid #ECE6D9;vertical-align:top}
.tabla th{font-size:13px;font-weight:700;color:var(--etiqueta)}
.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:var(--radio);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:#EAE3D6;border-radius:4px;padding:2px 6px;color:#3a352a;word-break:break-word}
.doc kbd{font-family:inherit;font-size:.86em;background:var(--blanco);border:1px solid var(--linea);
    border-bottom-width:2px;border-radius:4px;padding:2px 7px;color:#3a352a}

/* nota al pie de sección */
.nota{margin-top:18px;background:#EEF2EC;border:1px solid #D3DED5;border-radius:var(--radio);
    padding:15px 17px;font-size:15px;color:var(--bosque)}
.nota p{margin-top:0;font-size:15px;color:var(--bosque)}
.nota p+p{margin-top:10px}