/* Boletines (/boletines/). Usa las variables de styles.css. */
.bl-section{padding:44px 0 80px;background:var(--off-white);}
.bl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:22px;}
.bl-card{display:flex;flex-direction:column;background:var(--white);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm);transition:transform .25s var(--ease-out),box-shadow .25s var(--ease-out);}
.bl-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);}
.bl-card-img{display:block;aspect-ratio:16/10;background:var(--navy-soft);overflow:hidden;}
.bl-card-img img{width:100%;height:100%;object-fit:cover;display:block;}
.bl-card-body{display:flex;flex-direction:column;gap:8px;padding:18px 20px 20px;flex:1;}
.bl-fecha{font-size:.78rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--red);}
.bl-card h2{font-size:1.15rem;font-weight:700;line-height:1.3;color:var(--navy);}
.bl-card h2 a{color:inherit;text-decoration:none;}
.bl-card h2 a:hover{text-decoration:underline;}
.bl-card p{font-size:.93rem;color:var(--gray);line-height:1.55;}
.bl-mas{margin-top:auto;padding-top:6px;font-weight:700;font-size:.9rem;color:var(--red);text-decoration:none;}
.bl-mas:hover{text-decoration:underline;}
.bl-vacio{text-align:center;color:var(--gray);padding:40px 0;}
.bl-section .navigation.pagination{margin-top:34px;}
.bl-section .nav-links{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;}
.bl-section .page-numbers{padding:8px 14px;border:1px solid var(--line);border-radius:999px;background:var(--white);color:var(--navy);text-decoration:none;font-weight:600;font-size:.9rem;}
.bl-section .page-numbers.current{background:var(--navy);border-color:var(--navy);color:var(--white);}
.bl-narrow{max-width:760px;}
.bl-hero .eyebrow time{color:inherit;}
.bl-contenido{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:30px 32px;font-size:1.05rem;line-height:1.75;color:var(--text);}
.bl-contenido p{margin:0 0 1.1em;}
.bl-contenido a{color:var(--red);}
.bl-contenido figure{margin:1.4em 0;}
.bl-contenido img{max-width:100%;height:auto;border-radius:10px;display:block;}
.bl-pdf{padding:14px 16px;background:var(--off-white);border:1px solid var(--line);border-radius:10px;}
.bl-pdf a{font-weight:700;text-decoration:none;}
.bl-volver{margin-top:22px;}
.bl-volver a{color:var(--navy);font-weight:600;text-decoration:none;}
.bl-volver a:hover{text-decoration:underline;}
@media (max-width:600px){
  .bl-section{padding:30px 0 56px;}
  .bl-contenido{padding:22px 18px;font-size:1rem;}
}
@media (prefers-reduced-motion:reduce){.bl-card{transition:none;}.bl-card:hover{transform:none;}}
/* Subtítulo bajo el título y foto destacada arriba del texto (boletines del bot). */
.juegos-hero p.bl-subtitulo:last-child{max-width:720px;font-size:clamp(1.05rem,2.2vw,1.25rem);line-height:1.5;text-wrap:pretty;}
.bl-destacada{margin:0 0 22px;border-radius:var(--radius);overflow:hidden;background:var(--navy-soft);}
.bl-destacada img{display:block;width:100%;height:auto;}
/* Tarjeta sin foto: bloque de marca en lugar de la imagen (misma proporción 16/10). */
.bl-card-sinfoto{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:6px;padding:22px 24px;position:relative;text-decoration:none;color:#fff;background:radial-gradient(120% 120% at 100% 0%,#2a4a8f 0%,var(--navy) 55%);}
.bl-card-sinfoto::after{content:"";position:absolute;right:-30px;bottom:-30px;width:150px;height:150px;border-radius:50%;border:18px solid rgba(255,255,255,.07);pointer-events:none;}
.bl-sf-kicker{font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--red-light);}
.bl-sf-marca{font-size:clamp(1.3rem,3.2vw,1.55rem);font-weight:900;line-height:1.05;text-transform:uppercase;}
.bl-sf-lista{font-size:.8rem;opacity:.8;}