.menuovilLenguage{
 display: none;
}

.logoSanLuisAmable{
    width: 90%;
}
.ocultar{
    display: none;
}
.mostrar{
    display: block;
}

.modalGaleria{

    background: rgb(7,150,194);
    background: -moz-linear-gradient(207deg, rgba(7,150,194,0.6) 49%, rgba(12,38,118,0.6) 80%);
    background: -webkit-linear-gradient(207deg, rgba(7,150,194,0.6) 49%, rgba(12,38,118,0.6) 80%);
    background: linear-gradient(207deg, rgba(7,150,194,0.6) 49%, rgba(12,38,118,0.6) 80%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0796c2",endColorstr="#0c2676",GradientType=1);

}
body{
    background-image: url("../imgs/2026/backgroound.png");
    background-size: cover;
    background-position: top;
    background-repeat: repeat;
    overflow-x: hidden;
}

.cactusColibri{
    background-image: url("../imgs/2026/Colibri\ y\ Cactus.png");
    background-size: contain;
    background-position: right;
    background-repeat: no-repeat;
    background-position-x: 85%;

}

.franjaAmarilla{
    min-height: 45px;
    background-color: #007993;
}



.btnMenUPrincipal{
    position: relative;
    background-color: #00b8de; /* amarillo base */
    color: #FFF !important;
    font-family: 'AxiformaHeavy';
    font-weight: 600;
    font-size: 25px;
    line-height: 27px;
    border-radius: 45px;
    padding: 10px !important;
    margin-left: 10px;
    margin-right: 10px;
    text-align: center;
    box-shadow: 1px 2px 9px rgba(0,0,0,1);
    overflow: hidden;
}

.btnMenUPrincipal span{
    position: relative;
    padding: 15px;
    z-index: 2;
}

.btnMenUPrincipal::before{
    content: "";
    position: absolute;
    inset: 0;
    background-color: #19293F;
    border-radius: 45px;
    border: 2px solid #FFF;
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.4s ease;

    z-index: 1;
}

.btnMenUPrincipal:hover::before{
    transform: scaleX(1);
}




.btnMenUPrincipalActivo{
    position: relative;
    background-color: #19293F; /* amarillo base */
    color: #FFF !important;
    font-family: 'AxiformaHeavy';
    font-weight: 600;
    font-size: 25px;
    line-height: 27px;
    border-radius: 45px;
    padding: 10px !important;
    border: 2px solid #FFF;
    margin-left: 10px;
    margin-right: 10px;
    text-align: center;
    box-shadow: 1px 2px 9px rgba(0,0,0,1);
    overflow: hidden;
}

.btnMenUPrincipalActivo span{
    position: relative;
    padding: 15px;
    z-index: 2;
}

.btnMenUPrincipalActivo::before{
    content: "";
    position: absolute;
    inset: 0;
    background-color: #19293F;
    border-radius: 45px;
    border: 2px solid #FFF;
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.4s ease;

    z-index: 1;
}

.btnMenUPrincipalActivo:hover::before{
    transform: scaleX(1);
}





.tituloGeneral{
    font-family: 'AxiformaHeavy';
    font-size: 40px;
    line-height: 42px;
    color: #FFF;
    text-align: center;
}

.tituloGeneralRegular{
     font-family: 'AxiformaRegular';
    font-size: 40px;
    line-height: 42px;
    color: #FFF;
    text-align: center;
}
.tituloGeneralRegularSmall{
     font-family: 'AxiformaRegular';
    font-size: 30px;
    line-height: 32px;
    color: #FFF;
    text-align: center;
}

.fuenteBurgile{
    font-family: 'Burgile';
     font-size: 70px;
      line-height: 70px;
}
.divOxaca{
    background-image: url("../imgs/2026/oxaca.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    min-height: 35em;
}

.divEspania{
    background-image: url("../imgs/2026/Espania.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    min-height: 35em;
}

.banderaEspania{
    position: absolute;
    top:0px;
    right: -10px;
    width: 345px;
}

.menuLenguage{
    display: block;
}


.colibriPrincipal{
    position: absolute;
    right: -80px;
    top: -50px;
    width: 195px;
}
@media (max-width: 767px) {

    .menuLenguage{
    display: none;
}
    .menuovilLenguage{
        display: block;
        position: absolute;
        top: 10px;
        width: 50%;

    }


    body{
        overflow-x: hidden;
    }

    .cactusColibri{

        background-image: url("../imgs/2026/ColibriCactusMitad.png");
        background-size: 275px;
        background-position: bottom right;
        background-repeat: no-repeat;
    }

    .btnMenUPrincipal{
        padding: 5px !important;
        font-weight: 600;
        font-size: 18px;
        line-height: 20px;
    }
    .btnMenUPrincipalActivo{
        padding: 5px !important;
        font-weight: 600;
        font-size: 18px;
        line-height: 20px;
    }


    .tituloGeneral{
        font-size: 20px;
        line-height: 22px;
    }

    .tituloGeneralRegular{
        font-size: 20px;
        line-height: 22px;
    }

    .tituloGeneralRegularSmall{
        font-family: 'AxiformaRegular';
        font-size: 20px;
        line-height: 22px;
        color: #FFF;
        text-align: center;
    }

    .fuenteBurgile{
        font-family: 'Burgile';
        font-size: 50px;
        line-height: 52px;
    }
    .divOxaca{
        min-height: 25em;
    }

    .divEspania{
        background-image: url("../imgs/2026/Espania.png");
        background-size: cover;
        background-position: left;
        background-repeat: no-repeat;
        min-height: 25em;
    }


        .banderaEspania{
            position: absolute;
            top:-60px;
            right: -10px;
            width: 195px;
        }


    .colibriPrincipal{
            position: absolute;
            right: -35px;
            top: -40px;
            width: 105px;
        }




}

/*PAGINA EDICIONES*/

.tituloPagina{
    background-color: #007993;
    box-shadow: 1px 2px 9px rgba(0,0,0,1);
    text-align: end;
    font-family: 'Burgile';
    font-size: 50px;
    padding: 15px;
    padding-right: 30px;
    color: #FFF !important;
    text-shadow:  1px 2px 9px rgba(0,0,0,0.8);
    border-radius: 0 50px 50px 0;

}

.carouselNext{
    width: 35%;
    cursor: pointer;
}

#carouselEdiciones .itemEdicion {
    height: 650px;              /* altura fija */
    display: flex;
    align-items: center;
    justify-content: center;
}

#carouselEdiciones .itemEdicion img {
    width: 100%;
    height: 550px;              /* misma altura para todas */
    object-fit: contain;          /* recorta sin deformar */


}

#carouselEdiciones .itemEdicion p {
    text-align: center;
    font-weight: bold;
    background-color: #00b8de;
    color: #FFF;
    padding: 10px;
    font-family: 'AxiformaHeavy';
    border-radius: 25px;

    box-shadow: 1px 2px 9px rgba(0,0,0,1);
}

.tituloPaginaGaleria{
    box-shadow: 1px 2px 9px rgba(0,0,0,0);
    text-align: center;
    font-family: 'Burgile';
    font-size: 50px;
    color: #FFF !important;
    border-bottom: 5px solid #19293F;
}

@media (max-width: 767px) {
    .tituloPagina{
        background-color: #007993;
        box-shadow: 1px 2px 9px rgba(0,0,0,0.5);
        text-align: center;
        font-family: 'Burgile';
        font-size: 30px;
        padding: 15px;
        color: #FFF !important;
        border-radius: 0px;
        text-shadow:  1px 2px 9px rgba(0,0,0,1);
    }

    .carouselNext{
        width: 100%;
    }

    .tituloPaginaGaleria{
        font-size: 30px;
    }
}


/*FAQ*/

.accordion{
    background-color: transparent !important;
    border: 0px;
}

.accordion-body {
    border: 2px solid #007993 !important;
    border-top: 0px !important;
    border-radius: 0 0 10px 10px !important;
}

.accordion-button{
    background-color: transparent !important;
    border: 0px;
    font-family: 'AxiformaHeavy';
    font-size: 25px;
    background-color: #007993 !important;
    color: #FFF !important;
    border-radius: 10px ;
    margin-top: 15px;

}
.accordion-item{
    background-color: transparent !important;
     border: 0px;
}
.accordion-header{
    background-color: transparent !important;
}

.accordion-button:focus {
    box-shadow: none !important;
}


.accordion-button:not(.collapsed) {
    box-shadow:none;
    border: 2px solid #007993;
    border-bottom: 0px;
    border-radius:10px 10px  0 0 !important;
    background-color: #007993 !important;
    color: #FFF !important;
}

.preguntaFAQ{
    color: #007993;
    font-family: 'AxiformaSemiBold';
    font-size: 18px;
    background-color: #FFF;
    padding: 10px !important;
    border-radius: 10px;

}

.respuestaFAQ{
    color: #FFF;
    font-family: 'AxiformaRegular';
    font-size: 18px;
    text-align: justify;
}