/***********************************************************************************************/
@media screen and (max-width: 2500px) {
    html {
        font-size: 15px; /* Reduce el tamaño de la fuente */
    } 
    .index-banner-text {  
        font-size: 1.4em;
    }
}
/***********************************************************************************************/
@media screen and (max-width: 2000px) {
    html {
        font-size: 14px; /* Reduce el tamaño de la fuente */
    }
    .index-container-multi-news{
        padding: 3rem 19rem; /* y - x*/     
    }
    .index-news {
        width: 28%; /* Define el ancho de cada div para que sean iguales */  
        margin: 3% 0; 
    }
    .index-banner-text {  
        font-size: 1.3em;
    }
}
/***********************************************************************************************/
@media screen and (max-width: 1500px) {
    html {
        font-size: 13px; /* Reduce el tamaño de la fuente */
    }
    .index-container-multi-news{
        padding: 3rem 14rem; /* y - x*/
    }
    .index-banner-text {
        font-size: 1.2em;
    }
    .calendar {
        grid-template-columns: repeat(3, 1fr);
    }
}
/***********************************************************************************************/
@media screen and (max-width: 1000px) {
    html {
        font-size: 12px; /* Reduce el tamaño de la fuente */
    }
    .index-container-multi-news{
        padding: 2rem 10rem; /* y - x*/ 
    }
    .index-news {
        width: 45%; /* Define el ancho de cada div para que sean iguales */   
    }
    .index-banner-text {
        font-size: 1.1em;
    }
    .index-collage {
        width: 24%;
    }
}
/************************************ TABLET ***************************************************/
@media screen and (max-width: 768px) {
    html {
        font-size: 11px; /* Reduce el tamaño de la fuente */
    }
    .index-container-multi-news{
        padding: 2rem 5rem; /* y - x*/ 
    }
    .index-banner-text {  
        font-size: 1em;
    }
    .one-article-section {
        padding: 1% 10%;
    }
    .calendar {
        grid-template-columns: repeat(2, 1fr);
    }
}
/************************************ CELULARES ***************************************************/
@media screen and (max-width: 480px) {
    p {
        line-height: 1.5rem; /* interlineado */
    }
    .one-article-section {
        padding: 3% 5% 3% 5%; /* up-right-down-left */ 
        margin: 5% 3%;
    }
    .index-banner-text {  
        font-size: 0.9em;
    }
    .index-container-multi-news{
        padding: 2rem 1rem; /* y - x*/ 
    }
    .index-news {
        width: 48.5%;
        box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
    }
    .index-news p {
        font-size: 10px;
        line-height: 1.3rem; /* interlineado */
    }
    .prev, .next {   
        margin-top: -35px; /* Mueve las flechas 22px hacia arriba para centrarlas visualmente. */  
        font-size: 1.7em; /* Tamaño de la fuente. */     
    }
    .oferta-collage-container img {
        width: 85%;
    }
    .calendar {
        grid-template-columns: repeat(1, 1fr);
    }
}