/* Quincenea · formatos descargables (/formatos, /formatos/{slug}).
   Va encima de guias.css (misma cabecera, índice, texto, preguntas, CTA y
   tarjetas): aquí solo lo propio del formato, la caja de descarga y la hoja
   de la vista previa. Colores de los tokens de estilo.css: sirven en claro y
   en oscuro. */

.formato-descarga{background:var(--papel);border-radius:var(--r-tarjeta);padding:var(--e5);margin:0 0 var(--e6);display:grid;gap:12px}
.formato-descarga p{margin:0}
.formato-descarga-fila{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px}
.formato-descarga-pie{margin-top:var(--e4)}
.formato-aviso{background:var(--revisar-fondo);color:var(--tinta);border-radius:var(--r-chico);padding:12px 16px;font-size:.9375rem;font-weight:600;margin:0}
.formatos-indice .formato-aviso{margin:var(--e4) 0 var(--e6);max-width:72ch}
@media (max-width:720px){.formato-descarga{padding:18px 16px}.formato-descarga .boton-grande{width:100%;justify-content:center;text-align:center}}

/* La hoja: el documento tal como queda, con sus espacios para llenar. */
.formato-hoja{background:var(--papel);border:1px solid var(--linea);border-radius:var(--r-chico);padding:clamp(18px,4vw,44px);margin:var(--e4) 0;overflow-wrap:anywhere}
.formato-hoja p,.formato-hoja li{color:var(--tinta);font-size:.9375rem;line-height:1.6}
.formato-hoja .formato-doc-titulo{text-align:center;font-size:1.25rem;margin:0 0 var(--e4)}
.formato-hoja h4{font-size:1.0625rem;margin:var(--e5) 0 var(--e2)}
.formato-hoja ol,.formato-hoja ul{padding-left:1.4em}
.formato-hoja table{width:100%;table-layout:fixed;border-collapse:collapse;margin-top:var(--e5)}
.guia-texto .formato-hoja td{width:50%;padding:28px 16px 0 0;border:0;vertical-align:top}
.formato-hoja td p{margin:0 0 4px}
.formato-hoja td p:first-child::after{content:"";display:block;height:44px;border-bottom:1px solid var(--tinta);max-width:240px;margin-bottom:6px}
.formato-hueco{background:var(--alterno);color:var(--tinta);border-bottom:1px dashed var(--borde-campo);border-radius:4px;padding:0 4px;font-weight:600}
.formato-opcional{color:var(--revisar-tinta);font-style:italic;font-weight:700}
.formato-opcional-item{border-left:3px solid var(--revisar-tinta);padding-left:10px}
@media (max-width:520px){.formato-hoja p,.formato-hoja li{font-size:.875rem}.guia-texto .formato-hoja td{padding-right:8px}}

@media print{.formato-descarga,.formato-descarga-pie{display:none}.formato-hoja{border:0;padding:0}}