.calendario-grid {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    width: 100%;
    height: 100%;
    gap: 0px;
}

.calendario-dia {
    display: grid;
    place-items: center;
    min-width: 0;
    min-height: 0;
    border: 1px solid var(--neutral-50);
    box-sizing: border-box;
    overflow: hidden;
    color: var (--neutral-500);
}

.calendario-dia.nombre {}

.calendario-dia--vacio {
    background: transparent;
}

.calendario-numero {
    font-size: clamp(0.8rem, 2vw, 1.4rem);
    line-height: 1;
}

.calendario-dia.actividad {
    background-color: var(--azul-100);
}


.pde-seg-container-calendarios {
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: max-height 0.3s ease, opacity 0.2s ease;
}

.pde-seg-container-calendarios.visible {
    max-height: 500px;
    /* suficientemente grande */
    opacity: 1;
}