/* Páginas públicas para compartir noticias (/noticias/ y /noticias/<slug>/).
   Mismo aspecto que las páginas de los boletines. Sin estilos en línea: la CSP de /noticias/* usa style-src 'self'. */
:root{color-scheme:light;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:#10233f;background:#f3f6fb}
*{box-sizing:border-box}
body{margin:0;background:#f3f6fb}
:focus-visible{outline:3px solid #2154d1;outline-offset:3px}
a{color:#174ca8}
.franja{height:10px;background:linear-gradient(90deg,#f8bd00 0 33%,#174ca8 33% 66%,#d52b31 66%)}
.pagina{max-width:1060px;margin:0 auto;padding:32px 20px 56px}
.marca{font-weight:900;color:#071b5f;margin-bottom:24px}
.marca a{color:inherit;text-decoration:none}
.tarjeta{background:#fff;border:1px solid #dce4f0;border-radius:24px;padding:26px;box-shadow:0 18px 50px rgba(7,27,95,.1)}
.antetitulo{color:#174ca8;font-weight:850;letter-spacing:.02em;text-transform:uppercase}
h1{color:#071b5f;font-size:clamp(1.7rem,4vw,2.8rem);line-height:1.1;margin:10px 0 14px}
h2{color:#071b5f;font-size:1.25rem;margin:26px 0 0}
p{line-height:1.65}
.fecha{color:#667085;margin:8px 0 18px}
.resumen{font-size:1.06rem}
.btn{display:inline-flex;align-items:center;padding:11px 16px;border-radius:11px;border:1px solid #cbd5e1;text-decoration:none;color:#071b5f;background:#fff;font:inherit;font-weight:750;line-height:1.2;cursor:pointer}
.btn:hover{border-color:#174ca8}
.btn.primario{background:#174ca8;color:#fff;border-color:#174ca8}
.btn.whatsapp{background:#effcf4;color:#087a36;border-color:#b7e5c7}
.compartir,.acciones{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.estado-compartir{min-height:1.65em;margin:10px 0 0;color:#087a36;font-weight:700}
.enlace-permanente{color:#667085;font-size:.92rem;overflow-wrap:anywhere;margin:6px 0 0}
.pie{margin-top:28px;color:#667085;font-size:.9rem;line-height:1.55}

/* Noticia: el video vertical va al lado del texto en pantallas anchas; horizontal y cuadrado, encima. */
.noticia{display:grid;gap:30px;align-items:start}
.noticia-texto{min-width:0}
.imagen-noticia{display:block;width:100%;height:auto;border-radius:16px;border:1px solid #dce4f0}
.noticia-texto>.antetitulo:first-child{margin-top:4px}
.transcripcion{margin-top:20px;border:1px solid #dce4f0;border-radius:14px;padding:12px 16px;background:#f8fafc}
.transcripcion summary{cursor:pointer;font-weight:750;color:#071b5f}
@media(min-width:861px){
  .noticia-916{grid-template-columns:minmax(260px,min(44%,calc(85vh*9/16))) minmax(0,1fr)}
  .noticia-916{grid-template-columns:minmax(260px,min(44%,calc(85svh*9/16))) minmax(0,1fr)}
}

/* Reproductor nativo (plan, sección 4.3). La clase sale de video.width/height del catálogo. */
.video-marco{margin:0 auto;background:#000;border-radius:12px;overflow:hidden}
.video-marco video{display:block;width:100%;height:100%;object-fit:contain;background:#000}
.video-916{aspect-ratio:9/16;width:min(100%,calc(85vh*9/16));width:min(100%,calc(85svh*9/16))}
.video-169{aspect-ratio:16/9;width:min(100%,960px)}
.video-11{aspect-ratio:1/1;width:min(100%,85vh,720px);width:min(100%,85svh,720px)}

/* Listado de noticias y "Más noticias". */
.mas{margin-top:34px}
.rejilla{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:18px;margin-top:16px;padding:0;list-style:none}
.ficha{display:flex;flex-direction:column;background:#fff;border:1px solid #dce4f0;border-radius:18px;overflow:hidden;box-shadow:0 10px 26px rgba(7,27,95,.08)}
.miniatura{position:relative;display:block;aspect-ratio:4/3;overflow:hidden;background:#0b1530}
.miniatura img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center 30%}
.duracion{position:absolute;right:10px;bottom:10px;padding:3px 8px;border-radius:8px;background:rgba(4,18,46,.82);color:#fff;font-size:.85rem;font-weight:750}
.ficha-cuerpo{display:flex;flex-direction:column;gap:6px;padding:16px;flex:1}
.ficha-cuerpo h2,.ficha-cuerpo h3{font-size:1.05rem;line-height:1.3;margin:0;color:#071b5f}
.ficha-cuerpo h2 a,.ficha-cuerpo h3 a{color:inherit;text-decoration:none}
.ficha-cuerpo p{margin:0;color:#475467;font-size:.95rem;line-height:1.5}
.ficha-cuerpo .fecha{margin:0;font-size:.9rem}
.ficha-cuerpo .btn{align-self:flex-start;margin-top:auto}
.vacio{color:#667085}

@media(max-width:760px){
  .pagina{padding:20px 16px 40px}
  .tarjeta{padding:18px;border-radius:18px}
}