/* ====== Estilos propios de cada página ====== */

/* ---- Bulletin ---- */
.boletin-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(320px, 100%), 1fr));
    gap: 1.25rem;
}
.boletin-tarjeta { background: white; border-radius: 8px; box-shadow: var(--sombra); padding: 1.25rem; }
.boletin-encabezado {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 0.5rem;
    border-bottom: 1px solid #eee;
    padding-bottom: 0.5rem;
    margin-bottom: 1rem;
}
.boletin-encabezado h3 { margin: 0; color: var(--azul); }
.boletin-encabezado .fecha-actual { font-size: 0.8rem; color: var(--gris); }
.boletin-sin-datos { color: #999; font-style: italic; }
.boletin-actual {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(110px, 1fr));
    gap: 0.75rem;
    margin-bottom: 1.25rem;
}
.boletin-dato { background-color: var(--fondo); border-radius: 6px; padding: 0.6rem 0.75rem; text-align: center; }
.boletin-dato .etiqueta { display: block; font-size: 0.75rem; color: var(--gris); margin-bottom: 0.25rem; }
.boletin-dato .valor { font-size: 1.1rem; font-weight: bold; color: var(--azul); }
.boletin-resumen h4 { margin: 0 0 0.5rem 0; font-size: 0.9rem; color: var(--azul); }
.boletin-resumen table { box-shadow: none; }
.boletin-resumen th, .boletin-resumen td { padding: 0.4rem 0.6rem; font-size: 0.85rem; }
.oculto { display: none; }

@media (max-width: 768px) {
    .boletin-tarjeta { padding: 1rem; }
}