:root{
    --azul-50: #f1f7fe;
    --azul-100: #e3edfb;
    --azul-200: #c0dbf7;
    --azul-300: #89bef0;
    --azul-400: #4a9ce6;
    --azul-500: #2380d4;
    --azul-600: #1565b7;
    --azul-700: #125092;
    --azul-800: #134479;
    --azul-900: #153b65;
    --azul-950: #0e2543;
}

.calendario-section{
    padding: 5px;
    text-align: center;
}

.calendario-section h2{
    border-bottom: 2px solid red;
    display: inline-block;
    font-size: 1.8em;
    margin-block-start: 0.83em;
    margin-block-end: 0.83em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
    color: var(--azul-950);
}

.imagenes {
    padding-top: 15px;
    text-align: center;
    padding-bottom: 15px;
    
}

.calendario {
    max-width: 75%;
    cursor: zoom-in;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.4);
}

@media(max-width:500px){
    .calendario{
        max-width: 100%;
    }
}