.nombreMes{
    width: 80%;
    margin: auto;
    text-align: left;
    border-radius: 8px 8px 0px 0px;
}
.nombreMes h4{
    font-family: Arial, sans-serif;
    color: rgb(115, 12, 12);
    font-size: 20px;
}
.eventos{
    width: 80%;
    border: 0;
    margin: auto;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 20px;
}
.uno{
    border-radius: 5px 5px 5px 5px;
    box-shadow: 2px 2px 10px rgba(0,0,0,.50);
    text-align: center;
    background: rgb(255, 254, 248);
}
.uno img{
    width: 100%;
    padding: 0px 0px;
    border-radius: 5px 5px 0px 0px;
}
.uno h5{
    color: rgb(52, 113, 64);
    font-family: Arial, sans-serif;
    text-align:left;
    padding-top: 6px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 12px;
    text-transform: capitalize;
}
.uno h6{
    color: rgb(92, 91, 91);
    font-family: Arial, sans-serif;
    text-align: left;
    padding-top: 6px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 11px;
}
.img-ajustada {
    width: 300px;
    height: 300px;
    object-fit: cover; /* 🔥 recorta sin deformar */
    object-position: center; /* centra la imagen */
}
.lineahr{
    width: 80%;
}
.noHay{
    margin: auto;
    text-align: center;
    font-family: Arial, sans-serif;
    color: rgb(115, 12, 12);
    font-size: 18px;
}

/*========== FIN EVENTOS ========== */
/* ===== SECCION 2 ============================= */
@media only screen and (max-width: 900px){
    .Evento1{
        grid-column-start: 1;
        grid-column-end: 3;
    }
    .Evento2{
        grid-column-start: 3;
        grid-column-end: 5;
    }
    .Evento3{
        grid-column-start: 1;
        grid-column-end: 3;
    }
    .Evento4{
        grid-column-start: 3;
        grid-column-end: 5;
    }
    .uno h5{
    font-size: 12px;
    }
    .uno h6{
        font-size: 11px;
    }
    .eventos .uno .fecha{
        font-size: 11px;
    }
  }
/* ===== SECCION 2 ============================= */