/* Complementa Bootstrap 5 para las vistas mensuales (index.php / publico.php) */

.grilla-header-bs {
    display: flex;
    text-align: center;
    font-size: .78rem;
    font-weight: 700;
    color: #6c757d;
    margin-bottom: .35rem;
}
.grilla-header-bs > div { flex: 1 0 0; }

/* Bootstrap solo trae row-cols hasta 6; agregamos la variante de 7 para la semana completa */
.row-cols-7 > * {
    flex: 0 0 auto;
    width: 14.2857%;
}

.celda-dia-bs {
    background: #fff;
    border: 1px solid #E5E7EB;
    border-radius: .5rem;
    min-height: 92px;
    padding: 4px;
    overflow: hidden;
    transition: box-shadow .15s ease;
}
.celda-dia-bs:hover { box-shadow: 0 2px 8px rgba(0,0,0,.08); }
.celda-dia-bs.fuera-de-mes { background: #F8F9FA; color: #ADB5BD; }
.celda-dia-bs.hoy { border: 2px solid #0d6efd; }
.celda-numero-bs { font-size: .78rem; font-weight: 700; margin-bottom: 2px; }
.celda-hitos-bs { display: flex; flex-direction: column; gap: 2px; }
.etiqueta-hito-bs {
    color: #fff; font-size: .68rem; padding: 1px 5px; border-radius: 4px;
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis; cursor: pointer;
}
.etiqueta-hito-bs:hover { filter: brightness(0.92); }

@media (max-width: 767px) {
    .celda-dia-bs { min-height: 64px; font-size: .8rem; }
    .etiqueta-hito-bs { font-size: .62rem; }
}