/* Complementa Bootstrap 5 para las vistas semanales (semana.php / publico_semana.php) */

.bg-sma {
    background: linear-gradient(90deg, #1A237E, #283593) !important;
}

.fs-7 { font-size: .78rem; }

/* Banner con el logo institucional */
.banner-sma {
    background: linear-gradient(120deg, #A9C084, #8FB06E);
}
.banner-rango-sma {
    background: #7C9FC9;
}
.banner-logo {
    height: 60px;
    width: auto;
    background: #fff;
    border-radius: 10px;
    padding: 6px 12px;
    box-shadow: 0 2px 6px rgba(0,0,0,.15);
}

/* Columna de fecha por día en la agenda semanal */
.dia-etiqueta-bs {
    width: 90px;
    padding: .75rem .25rem;
}

/* Filas de eventos */
.evento-fila-bs {
    border-bottom: 1px dashed #E0E0E0;
    transition: filter .15s ease;
}
.evento-fila-bs:last-child { border-bottom: none; }
.evento-fila-bs[role="button"]:hover { filter: brightness(0.97); }
.evento-vacio-bs { background: #FAFAFA; color: #999; }

@media (max-width: 767px) {
    .banner-sma { flex-direction: column; align-items: flex-start !important; }
    .banner-sma .text-md-end { text-align: left !important; }
    .dia-etiqueta-bs { width: 66px; }
}