/* buscoalgomas.es · /dossier/ — Dossier y materiales. Solo añade sobre base.css (no redefine lo común). */

/* los anclajes no quedan tapados por la cabecera fija */
main [id]{scroll-margin-top:76px}
.contenedor.estrecho{max-width:820px}

/* ---- hero y sumario ---- */
.hero-dossier{padding-bottom:28px}
.sumario ul{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;max-width:960px;margin:0 auto}
.sumario a{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border-radius:999px;border:1px solid var(--borde);background:var(--fondo-2);color:var(--texto);text-decoration:none;font-size:.95rem;transition:border-color .15s,background .15s}
.sumario a:hover{border-color:var(--acento);background:var(--tarjeta)}

/* ---- textos de sección ---- */
.antetitulo{color:var(--acento);text-transform:uppercase;letter-spacing:.16em;font-size:.76rem;font-weight:600;margin:0 0 10px}
.entradilla{color:var(--texto-2);max-width:68ch;margin-bottom:1.4em}
.subtitulo{font-size:1.08rem;color:var(--texto-2);max-width:60ch}

/* ---- ficha de datos (dl) ---- */
.ficha{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(130px,100%),1fr));gap:1px;background:var(--borde);border:1px solid var(--borde);border-radius:12px;overflow:hidden;margin:18px 0 6px}
.ficha div{background:var(--tarjeta);padding:12px 16px;min-width:0}
.ficha dt{font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;color:var(--texto-2);margin:0 0 3px}
.ficha dd{margin:0;font-family:var(--serif);font-size:1.15rem;line-height:1.3;color:var(--texto);overflow-wrap:anywhere}
.ficha-texto{grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr))}
.ficha-texto dd{font-family:var(--sans);font-size:1rem;line-height:1.45}

/* ---- el cuaderno ---- */
.cuaderno{display:grid;gap:28px;align-items:center}
.portada{margin:0 auto;width:100%;max-width:300px}
.portada img{display:block;width:100%;height:auto;border-radius:6px;border:1px solid rgba(255,255,255,.08);box-shadow:0 18px 42px rgba(0,0,0,.5)}
.cuaderno-texto h2{margin-bottom:.3em}
@media (min-width:860px){
  .cuaderno{grid-template-columns:320px 1fr;gap:52px}
  .portada{max-width:none}
}
.cuaderno-detalle{display:grid;gap:28px;margin-top:40px;padding-top:32px;border-top:1px solid var(--borde)}
@media (min-width:860px){.cuaderno-detalle{grid-template-columns:1fr 1.2fr;gap:52px}}
.publicos{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 20px}
.publicos .chip{margin:0}
.cuaderno-detalle .aviso{margin:0}

/* «Qué contiene», como las paradas de una línea de tren */
.paradas{position:relative;list-style:none;margin:0;padding:0 0 0 30px}
.paradas::before{content:"";position:absolute;left:8px;top:.6em;bottom:1.4em;width:3px;border-radius:2px;background:var(--borde)}
.paradas li{position:relative;padding:0 0 14px;color:var(--texto-2)}
.paradas li:last-child{padding-bottom:0}
.paradas li::before{content:"";position:absolute;left:-28px;top:.38em;width:15px;height:15px;border-radius:50%;background:var(--fondo);border:3px solid var(--acento)}
.paradas li:first-child::before,.paradas li:last-child::before{background:var(--acento)}
.paradas strong{color:var(--texto);font-weight:600}

/* el anexo de humor (lo añade dossier.js solo cuando no hay luto) */
.anexo-humor{margin-top:36px;border:1px dashed var(--acento);border-radius:var(--radio);padding:20px 22px;background:rgba(201,162,39,.05)}
.anexo-humor .etiquetas{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px}
.anexo-humor h3{margin-bottom:.4em}
.anexo-humor p{color:var(--texto-2)}
.anexo-humor .boton-fila{margin-top:8px}

/* ---- cómo usarlo ---- */
.usos{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(min(230px,100%),1fr))}
.usos .tarjeta{padding:20px 20px 10px}
.usos h3{font-size:1.18rem;margin-bottom:.55em}
.usos ul{margin:0;padding-left:1.1em;color:var(--texto-2)}
.usos li{margin:0 0 .6em}
.usos li::marker{color:var(--acento)}
.imprimir{display:grid;gap:8px 40px;margin-top:30px}
@media (min-width:860px){.imprimir{grid-template-columns:1fr 1fr}}
.imprimir h3{font-size:1.18rem}
.imprimir p{color:var(--texto-2)}

/* ---- vistas previas enlazadas ---- */
.vista{margin:0}
.vista a,.captura>a,.medio>a{display:block;border-radius:10px;overflow:hidden;border:1px solid var(--borde);transition:border-color .15s}
.vista a:hover,.captura>a:hover,.medio>a:hover{border-color:var(--acento)}
.vista img,.captura img{display:block;width:100%;height:auto}
.vista figcaption{font-size:.85rem;color:var(--texto-2);margin-top:8px;text-align:center}

/* ---- cartel ---- */
.dos-columnas{display:grid;gap:28px;align-items:center}
.vista-cartel{width:100%;max-width:340px;margin:0 auto}
.vista-cartel a{box-shadow:var(--sombra)}
@media (min-width:860px){
  .dos-columnas{grid-template-columns:340px 1fr;gap:52px}
  .vista-cartel{max-width:none}
}

/* ---- imágenes para redes ---- */
.medios-rejilla{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr))}
.medio{margin:0;display:flex;flex-direction:column;gap:14px;background:var(--tarjeta);border:1px solid var(--borde);border-radius:var(--radio);padding:14px}
.medio>a{border-color:transparent}
.medio img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:contain;padding:12px;background:var(--fondo)}
.medio figcaption,.video figcaption{display:flex;flex-direction:column;align-items:flex-start;gap:8px;color:var(--texto-2);font-size:.92rem}
.medio figcaption strong,.video figcaption strong{color:var(--texto);font-family:var(--serif);font-size:1.12rem;font-weight:600}
.texto-sugerido{margin-top:34px;max-width:760px}
.texto-sugerido .cita{margin:.5em 0 14px;font-size:1.05rem}
.texto-sugerido .estado{max-width:520px}

/* ---- vídeo ---- */
.videos{display:grid;gap:30px;align-items:start}
.video{margin:0;display:flex;flex-direction:column;gap:12px}
.video video{display:block;width:100%;height:auto;border-radius:12px;border:1px solid var(--borde);background:#000}
.video-vertical{width:100%;max-width:300px;margin:0 auto}
.video-vertical video{aspect-ratio:9/16}
.video-horizontal video{aspect-ratio:16/9}
@media (min-width:860px){
  /* 81:256 hace que los dos vídeos tengan la misma altura (9/16 · 9/16 = 81/256) */
  .videos{grid-template-columns:81fr 256fr;gap:28px}
  .video-vertical{max-width:none;margin:0}
}
.rotulos{margin-top:26px;border:1px solid var(--borde);border-radius:12px;background:var(--fondo-2);padding:0 18px}
.rotulos summary{cursor:pointer;min-height:44px;display:flex;align-items:center;color:var(--acento-2);font-weight:600}
.rotulos ol{margin:4px 0 16px;padding-left:1.2em;color:var(--texto-2)}
.rotulos li{margin:.35em 0}
.rotulos b{color:var(--texto)}

/* ---- capturas ---- */
.capturas{display:grid;gap:20px}
.capturas-escritorio{grid-template-columns:1fr}
@media (min-width:700px){.capturas-escritorio{grid-template-columns:1fr 1fr}}
.capturas-movil{grid-template-columns:1fr 1fr;gap:16px;max-width:560px;margin:24px auto 0}
.captura{margin:0;min-width:0}
.captura figcaption{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:0 12px;font-size:.88rem;color:var(--texto-2);margin-top:4px}
a.descarga{display:inline-flex;align-items:center;min-height:44px;padding:0 4px;font-weight:600}

/* ---- nota para medios ---- */
.pauta{margin:26px 0}
.pauta h3{margin:0 0 .3em;color:var(--texto)}
.pauta ul{margin:0;padding-left:1.1em}
.pauta li{margin:.45em 0}
.como-citar span{font-family:var(--serif);color:var(--texto)}

@media print{
  .sumario,.videos,.rotulos,.texto-sugerido button,.texto-sugerido .estado{display:none!important}
}