.dispo-semana {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 2px;
    font-family: inherit;
}

.dispo-dia {
    text-align: center;
    padding: .4rem .3rem;
    background: #f5f5f5;
    border-radius: 3px;
    font-size: 12px;
}

.dispo-dia .dow {
    text-transform: uppercase;
    letter-spacing: .06em;
    color: #666;
}

.dispo-dia .fecha {
    font-weight: 600;
    color: #444;
}

.dispo-dia .horas {
    font-weight: 600;
    color: #333;
}

/* VERDE (hay horas) */
.dispo-ok {
    background: #e9f7ec;
}
.dispo-ok .dow,
.dispo-ok .fecha,
.dispo-ok .horas {
    color: #2f7a42;
}

/* ROJO (no hay horas) */
.dispo-zero {
    background: #fbeaea;
}
.dispo-zero .dow,
.dispo-zero .fecha,
.dispo-zero .horas {
    color: #b43a3a;
}