@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap');

* {
    padding: 0;
    margin: 0;
    font-family: 'Roboto', sans-serif !important;
}

body {
    background-color: #2953a9;
}

#body-cont, #sombra-cont {
    width: 80%;
    max-width: 1800px;
    height: auto;
    margin: 0 auto;
    box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.75);
    -webkit-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.75);
}

header {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 580px;
    background-color: #009ce7;
    /*background-image: url(../images/leo_nombre.png);*/
    background-repeat: no-repeat;
    background-position: 122px 80px;
    background-size: 77%;

    display: flex;
    align-items: end;
    justify-content: center;
}

#header-leo {
    width: 38%;
    position: absolute;
    bottom: 0;
    right: 0px;
    z-index: 888;
}

#header-menu {
    display: flex;
    align-items: center;
    justify-content: end;
}

.nav-menu {
    position: absolute;
    top: 25px;
    right: 60px;
    width: auto;
    z-index: 9999;
}
.nav-menu ul {
    list-style:none; /* Eliminamos los bullets */
    margin:0px; /* Quitamos los margenes */
    padding:0px; /* Quitamos el padding */
}
.nav-menu ul li {
    float:left; /* Hacemos que el menu se muestre horizontal */
    padding-left: 40px;
    padding-right: 40px;
}
.nav-menu ul li a {
    font-size: 12pt;
    color: #fff;
    text-decoration: none;
}

.nav-menu ul li a:hover {
    color: #f6b213;
}

#head-redes {
    position: absolute;
    top: 124px;
    left: 33px;
    width: 50px;
    z-index: 9999;
}
#head-redes div {
    width: 100%;
    margin-bottom: 8px;
}
#head-redes div img {
    width: 100%;
}

#cintillo {
    position: relative;
    width: 100%;
    height: 200px;
    background-color: #00013a;
    display: flex;
    align-items: center;
    justify-content: center;
    /*background-image: url(../images/leo_tri2.png);*/
    background-position: top right;
    background-repeat: no-repeat;
    background-size: 285px;
    overflow: hidden;
    z-index: 888;
}

#cintilloFraseInicial {
    position: absolute;
    width: 45%;
    z-index: 80;
    z-index: 888;
    animation-delay: 9s;
}

#cintilloFrase  {
    position: absolute;
    width: 75%;
    z-index: 80;
    z-index: 888;
    animation-delay: 9s;
    cursor:pointer;
}

section {
    width: 100%;
    height: auto;
    min-height: 112px;
}

#section-propuestas {
    position: relative;
    height: 910px;
    background-color: #00A7ED;
    background-image: url("../images/leo_muni360lgs4.png");
    background-position: bottom left;
    background-size: 100%;
    background-repeat: no-repeat;
    /*background: linear-gradient(#f9e836, #4a2404);*/
    padding-bottom: 60px;
}

#propuestas-bg {
    width: 100%;
    height: 100%;    
    display: flex;
    align-items: start;
    justify-content: center;
}

#propuestas-cont {
    position: relative;
    width: 73%;
    height: auto;
    text-align: center;
    margin-left: 280px;
}

#div-propuestas-tit {
    width: 90%;
    height: 100px;
    background-image: url("../images/tit_propuestas.png");
    background-size: 60%;
    background-position: center right;
    background-repeat: no-repeat;
    margin-right: 10%;
    padding-top: 22px;
    /*adding-bottom: 22px;*/
}

#propuestas-titulo {
    width: 90%;
    margin-top: 12px;
}

#propuestas-titulo + div {
     margin-top: 32px
}
.carousel-prop {
    width: 100%;
    height: 640px;
    background-color: transparent;
    background-position: center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
#propuesta-0 {
    background-image: url("../images/Propuestas/leo_prop0.png");
}
#propuesta-1 {
    background-image: url("../images/Propuestas/leo_prop1.png");
}
#propuesta-2 {
    background-image: url("../images/Propuestas/leo_prop2.png");
}
#propuesta-3 {
    background-image: url("../images/Propuestas/leo_prop3.png");
}
#propuesta-4 {
    background-image: url("../images/Propuestas/leo_prop4.png");
}
#propuesta-5 {
    background-image: url("../images/Propuestas/leo_prop5.png");
}
#propuesta-6 {
    background-image: url("../images/Propuestas/leo_prop6.png");
}
#propuesta-7 {
    background-image: url("../images/Propuestas/leo_prop7.png");
}
#propuesta-8 {
    background-image: url("../images/Propuestas/leo_prop8.png");
}
#propuesta-9 {
    background-image: url("../images/Propuestas/leo_prop9.png");
}
#propuesta-10 {
    background-image: url("../images/Propuestas/leo_prop10.png");
}
#propuesta-11 {
    background-image: url("../images/Propuestas/leo_prop11.png");
}

#txt_fuerza {
    display: none;
    position: absolute;
    bottom: 45px;
    right: 40px;
}

#section-comparte {
    height: 210px;
    /*background-color: #dd0d0d;*/
    background-color: #ff00ff;
    display: flex;
    align-items: center;
    justify-content: center;
}
#comparte-cont {
    width: 100%;
    text-align: center;
}

#div-comparte-tit{
    width: 80%;
    height: 100px;
    background-image: url("../images/Leo_Propuestas_Web.png");
    background-size: 80%;
    background-position: center right;
    background-repeat: no-repeat;
    /*margin-right: 10%;*/
    padding-top: 22px;
    /*adding-bottom: 22px;*/

}



#comparte-cont h2 {
    color: #00166d;
    /*text-shadow: -1px 1px 0 #fff,
                1px 1px 0 #fff,
                1px -1px 0 #fff,
                -1px -1px 0 #fff;*/
    font-size: 28pt;
    margin-bottom: 14px;
    font-weight: 600;
    
}
#btn_comparte {
    width: 320px;
    height: 64px;
    background-image: url(../images/leo_btn_proponer.png);
    background-position: center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    margin: 0 auto;
    cursor: pointer;
}
#btn_comparte:hover {
    background-image: url(../images/leo_btn_proponer_ovr.png);
}

#section-masinfo {
    position: relative;
    background-color: #f5bb01;
    padding-top: 130px;
    padding-bottom: 36px;
}

#masinfo-cont {
    margin-left: 100px;
}

#masinfo-cont h1 {
    color: #12284b;
    font-size: 40pt;
}

#img-leo-conocemas {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 500px;
}


.banner-slider {
    position: absolute;
    right: 37%;
    bottom: -2%;
    z-index: 105;
    width: 12%;
    height: 24%;
    background-image: url(../images/joyitas.png);
    background-size: 100%;
    background-repeat: no-repeat;
    cursor: pointer;
}

#sabiasque-tit {
    position: absolute;
    top: 50px;
    left: 150px;
}

.text-carousel {
    width: 64%;
    height: 360px; /* Altura fija para mostrar un texto a la vez */
    overflow: hidden; /* Oculta los textos que sobrepasan el área visible */
    position: relative; /* Permite posicionar los textos de forma absoluta */
    text-align: center;
    
    margin-bottom: 45px;
}

.text-carousel p {
    position: absolute; /* Permite superponer los textos uno encima del otro */
    width: 100%; /* Ocupa todo el ancho del contenedor */
    top: 0; /* Alinea todos los textos en la parte superior */
    left: 0; /* Alinea todos los textos a la izquierda */
    opacity: 0; /* Inicialmente oculta todos los textos */
    font-size: 28pt;
    color: #12284b;
    font-weight: 600;
}
.text-carousel p span {
    color: #ff7f00;
    text-shadow: -1px 1px 0 #fff,
                1px 1px 0 #fff,
                1px -1px 0 #fff,
                -1px -1px 0 #fff;
    /*text-shadow: 1px 1px 2px black;*/
}

.text-carousel p a {
    color: #000190;
    text-decoration: none;
    text-shadow: -1px 1px 0 #fff,
                1px 1px 0 #fff,
                1px -1px 0 #fff,
                -1px -1px 0 #fff;
}

.text-carousel p img {
    width: 100%;
    /*height: 300px;*/
    margin: 0;
    padding: 0;
}

.text-carousel div {
    width: 100%;
    height: 380px;
    margin: 0;
    padding: 0;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}

#masinfo-1 {
    background-image: url("../images/txt-slider/slider1.png");
    cursor: pointer;
}
#masinfo-2 {
    background-image: url("../images/txt-slider/slider2.png");
}
#masinfo-3 {
    background-image: url("../images/txt-slider/slider3.png");
    cursor: pointer;
}
#masinfo-4 {
    background-image: url("../images/txt-slider/slider4.png");
}
#masinfo-5 {
    background-image: url("../images/txt-slider/slider5.png");
    cursor: pointer;
}
#masinfo-6 {
    background-image: url("../images/txt-slider/slider6.png");
    cursor: pointer;
}
#masinfo-7 {
    background-image: url("../images/txt-slider/slider7.png");
    cursor: pointer;
}
#masinfo-8 {
    background-image: url("../images/txt-slider/slider8.png");
    cursor: pointer;
}
#masinfo-9 {
    background-image: url("../images/txt-slider/slider9.png");
    cursor: pointer;
}
#masinfo-10 {
    background-image: url("../images/txt-slider/slider10.png");
    cursor: pointer;
}
#masinfo-11 {
    background-image: url("../images/txt-slider/slider11.png");
}
#masinfo-12 {
    background-image: url("../images/txt-slider/slider12.png");
}
#masinfo-13 {
    background-image: url("../images/txt-slider/slider13.png");
}

.fade-in {
    animation: fadeIn 1s ease-in-out forwards;
    display: block;
}

.fade-out {
    animation: fadeOut 1s ease-in-out forwards;
    display: none;
}

/*#masinfo-numeros {
    position: absolute;
    left: 162px;
    bottom: 6px;
    width: 460px;
}
*/

@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes fadeOut {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

#masinfo-numeros {
    left: 180px;
    bottom: 12px;
    width: 460px;
    position: absolute;
    display: flex;
    align-items: start;
    justify-content: start;
    gap: 8px;
}
#masinfo-numeros div {
    border: 2px solid black;
    border-radius: 4px;
    font-weight: 800;
    font-size: 12pt;
    color: black;
    text-align: center;
    padding: 12px;
    cursor: pointer;
}

footer {
    position: relative;
    width: 100%;
    height: 720px;
}

#footer-reels {
    position: relative;
    width: 70%;
    height: 100%;
    background-color: #111111;
    float: left;
}
#eventos-carousel {
    width: 100%;
    height: auto;
    padding: 50px;
}

#eventos-carousel h2 {
    color: #fff;
    font-size: 28pt;
}

#footer-video {
    position: relative;
    width: 30%;
    height: 100%;
    background-color: #dd0d0d;
    float: left;
}
    #footer-video h2 {
        color: #fff;
        font-size: 28pt;
        margin-bottom: 25px;
    }
#video-cont {
    text-align: center;
    margin-top: 50px;
}

.slick-active {
    opacity: 1 !important;
}

#video-live {
    width: 300px;
    height: 300px;
    background-image: url(../images/leo_live.png);
    background-position: center;
    background-size: contain;
    margin: 0 auto;
    cursor: pointer;
}

#video-live-play {
    width: 100%;
    height: 100%;
    background-color: transparent;
    background-image: url("../images/leo_play.png");
    background-size: 30%;
    background-position: center 65%;
    background-repeat: no-repeat;
}
#video-live-play:hover {
    background-image: url("../images/leo_play_over.png");
}

#footer-menu {
    clear: both;
    position: absolute;
    width: 100%;
    height: 48px;
    left: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: end;
}
#footer-opciones {
    margin-right: 50px;
}
#footer-opciones ul {
    list-style:none; /* Eliminamos los bullets */
    margin:0px; /* Quitamos los margenes */
    padding:0px; /* Quitamos el padding */
}
#footer-opciones ul li {
    float:left; /* Hacemos que el menu se muestre horizontal */
    padding-left: 20px;
    padding-right: 20px;
}
#footer-opciones ul li a {
    font-size: 11pt;
    color: #fff;
    text-decoration: none;
}

#footer-opciones ul li a:hover {
    color: #f6b213;
}

#footer-redes {
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 22px;
    margin-right: 50px;
}
    #footer-redes div {
        width: 28px;
        height: 28px;
        background-position: center;
        background-size: 100% 100%;
        background-repeat: no-repeat;
        cursor: pointer;
    }
#footer-face {
    background-image: url(../images/leo_ico_face.png);
}
#footer-instagram {
    background-image: url(../images/leo_ico_insta.png);
}
#footer-x {
    background-image: url(../images/leo_ico_xs.png);
}
#footer-youtube {
    background-image: url(../images/leo_ico_yt.png);
}   

/* Formulario*/

#form-response {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);  
    margin-right: auto;
    width: 1200px;
    height: 800px;
    display: none;
    background-image: url("../images/gracias-2.png");
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 99;
}

#form-response h1, #form-response h2 {
    color: #fff;
}

#form-response span {
    color: #f5bb01;
}

#form-response h2 a {
    color: #f5bb01;
    text-decoration: none;
}

#form-negative {
    display: none;
    position: fixed;
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    z-index: 99999999;
}

#form-close {
    position: relative;
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.90);
    z-index: 80;
    cursor: pointer;
}
#form-close h1 {
    position: absolute;
    top: 7%;
    right: 18%;
    transform: translate(-7%, -18%);  
    font-size: 40pt;
    color: #fff;
}

#form-propuestas {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);  
    margin-right: auto;
    width: 1000px;
    height: auto;
    background-image: url(../images/cerro_bg.png);
    background-position: bottom center;
    background-size: contain;
    background-color: #009cde;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 0px;
    padding-bottom: 20px;
    z-index: 99;
    border-radius: 32px;
}

#form-cont {
    position: relative;
    width: 90%;
}
#form-cont img {
    width: 100%;
}
#form-space {
    width: 100%;
    /*background-color: rgba(32, 44, 75,  0.85);*/
    background-color: #202C4B;
    padding-top: 2px;
    text-align: center;
    border-radius: 32px;
}
    #form-space div {
        width: 100%;
        /*margin-top: 18px;*/
    }

#form-space p {
    color: #fff;
    font-weight: 300;
    font-size: 20pt;
    margin-left: 8px;
    margin-top: 6px;
}

#div-form-tit {

}

#temas-patitas {
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
}

#temas-patitas div {
    width: 150px;
    height: 60px;
    cursor: pointer;
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
}

.patitaBaja {
    margin-top: 46px;
}

#patita-bg1 {
    background-image: url("../images/patitas/patita1blanco.png");
}
#patita-bg2 {
    background-image: url("../images/patitas/patita2.png");
}
#patita-bg3 {
    background-image: url("../images/patitas/patita3.png");
}
#patita-bg4 {
    background-image: url("../images/patitas/patita4.png");
}
#patita-bg5 {
    background-image: url("../images/patitas/patita5.png");
}
#patita-bg6 {
    background-image: url("../images/patitas/patita6.png");
}

#patita-bg1:hover {
    background-image: url("../images/patitas/patita1blanco.png") !important;
}
#patita-bg2:hover {
    background-image: url("../images/patitas/patita2blanco.png") !important;
}
#patita-bg3:hover {
    background-image: url("../images/patitas/patita3blanco.png") !important;
}
#patita-bg4:hover {
    background-image: url("../images/patitas/patita4blanco.png") !important;
}
#patita-bg5:hover {
    background-image: url("../images/patitas/patita5blanco.png") !important;
}
#patita-bg6:hover {
    background-image: url("../images/patitas/patita6blanco.png") !important;
}

#form-select {
    width: 100%;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
}

#temas {
    width: 55%;
    margin-left: 4%;
    margin-top: 6px;
    margin-bottom: 6px;
    /*height: 72px;*/
    border-radius: 0;
    border: none;
    padding: 0px;
    padding-left: 2px;
    font-size: 28pt;
    font-weight: 800;
    color: #202c4b;
    background-color: #fff;
    font-family: "Nunito", sans-serif !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 8px;
    text-align: center;
    background-image: url(../images/select_bg.png);
    background-position: center right;
    background-size: 58px;
    background-repeat: no-repeat;
}
#temas option {
    padding: 0 !important;
    text-align: center;
}

label {
    color: #fff;
    font-weight: 300;
    text-align: right;
    font-size: 20pt;
    margin-left: 8px;
    margin-top: 6px;
}

#form-textarea textarea {
    width: 92%;
    height: 100px;
    margin-right: 4%;
    margin-left: 4%;
    resize: none;
    font-size: 14pt;
    padding: 5px;
    border: none;
    border-radius: 8px;
}
#form-phone {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    color: #fff;
    font-weight: 300;
    text-align: right;
    padding-top: 8px;
}
#form-phone img {
    width: 48px;
    height: 48px;
}
#form-phone p {
    position: absolute;
    right: 24px;
    bottom: 88px;
    color: #f5bb01;
    font-size: 11pt;
}
#phone-error {
    display: none;
}
#telefono {
    height: 28px;
    width: 130px;
    margin-right: 12px;
    font-size: 14pt;
    padding: 8px;
    /*background-color: rgba(255, 0, 255, 0.9);*/
    background-color: transparent;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 3px solid rgba(255, 0, 255, 0.9);
    color: #fff;
}

#form-btn {
    width: 100%;
}

#btn-enviarForm, #btn-enviandoForm {
    width: 368px !important;
    height: 80px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    margin: 0 auto;
}

#btn-enviarForm {
    background-image: url(../images/leo_form_btn.png);
    cursor: pointer;   
}

#btn-enviandoForm {
    display: none;
    background-image: url(../images/loading.gif);
    background-size: 74px;
}

/*#sombra-inicial {
    position: absolute;
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.90);
    z-index: 80;
    top: 0;
    left: 0;
}*/

#heder-nombre-animado, #heder-camino-animado {
    position: absolute;
    width: 100%;
    height: 760px;
    z-index: 888;
}
#heder-nombre-animado iframe, #heder-camino-animado iframe {
    width: 77%;
    height: 100%;
    padding-left: 122px;
    padding-top: 80px;
    border: none;   
    overflow: hidden;
}
    /*background-position: 122px 80px;
    background-size: 75%;*/

/*Mas-Info Popups*/
.popup-masinfo {
    display: none;
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000001;
}
.popup-black {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.90);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.popup-msainfo-close {
    position: absolute;
    top: 12%;
    right: 12%;
    font-size: 32pt;
    color: #fff;
    cursor: pointer;
}
.popup-cont {
    width: 1000px;
    height: 480px;
    color: #fff;
    border-radius: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    grid-gap: 4px;
}
.popup-cont-img {
    width: 50%;
    height: inherit; 
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
    #popup-img-durosNico {
        background-image: url(../images/masinfo/durosnico.jpg);
    }
    #popup-img-tacosPGR {
        background-image: url(../images/masinfo/tacospgr.jpg);
    }
    #popup-img-tacosDorados {
        background-image: url(../images/masinfo/tacosDorados.jpg);
    }
     #popup-img-Cenaduria {
        background-image: url(../images/masinfo/Cenaduria.jpg);
    }
.popup-cont-map {
    width: 50%;
    height: inherit; 
}
.popup-cont-map iframe {
    width: 100% !important;
    height: 100%;
}

@media (prefers-reduced-motion: reduce) {
    #cintilloFrase, #cintilloFraseInicial {
        animation-delay: 9s !important;
    }
}

#asides {
    position: fixed;
    bottom: 5px;
    right: 7px;
    width: auto;
    height: auto;
    z-index: 1000000;
}

#pegatinas-cont {
    width: 222px;
    height: 86px;
}

#video-camp, #pegatinas-cont {
    display: none;
    position: relative;
    width: auto;
    height: auto;
}
#pegatinas-item {
    width: auto;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: end;
}
#video-camp-close, #pegatinas-cont-close {
    width: 100%;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: end;
    font-size: 24pt;
    font-weight: 800;
    color: #f5bb01;    
}
#video-camp-close span, #pegatinas-cont-close span {
    cursor: pointer;
}

#pegatinas {
    width: 300px;
    height: 160px;
    background-image: url(../images/whats_atkr.png);
    background-size: 100%;
    background-position: right;
    background-repeat: no-repeat;
    cursor: pointer;
    z-index: 99999;

}
    #pegatinas:hover {
        background-image: url(../images/whats_atkr_over.png);
    }


#video-camp-iframe {
    position: relative;
    width: 100%;
    height: auto;
}

#video-camp-iframe iframe {
    width: 400px;
    height: 280px;
}

#video-popup-iframe {
    width: 900px;
    height: 0;
	overflow: hidden;
	padding-bottom: 56.25%;
	padding-top: 30px;
	position: relative;
}
#video-popup-iframe iframe {
    height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

/* MEDIA QUERYS */

@media (min-width: 2200px) {
    #section-propuestas {
        height: 1100px;
    }
    
}

@media (min-width: 1920px) {
    .banner-slider {
        position: absolute;
        right: 34%;
        bottom: 2%;
        z-index: 105;
        width: 10%;
        height: 25%;
        background-image: url(../images/joyitas.png);
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }
}

@media (max-width: 1600px) {
    header {
        height: 480px;
    }
}

    @media (max-width: 1500px) {
        
        #sabiasque-tit {
            left: 78px;
        }

        #masinfo-numeros {
            left: 78px;
            gap: 12px;
        }

            #masinfo-numeros div {
                padding: 12px;
            }

        #img-leo-conocemas {
            width: 440px;
        }
    }

    @media (max-width: 1500px) {
        #masinfo-numeros {
            gap: 6px;
            left: 50px;
        }

            #masinfo-numeros div {
                padding: 8px;
            }
    }


    @media (max-width: 1250px) {
        header {
            height: 420px;
        }
        #propuestas-cont {
            margin-left: 160px;
        }

        #masinfo-numeros {
            gap: 8px;
        }

            #masinfo-numeros div {
                padding: 9px;
            }

        #img-leo-conocemas {
            width: 320px;
        }

        #video-live {
            width: 250px;
            height: 250px;
        }
    }

    @media (max-width: 999px) {
        
        .text-carousel p img {
            height: 360px;
        }

        #body-cont, #sombra-cont {
            width: 94%;
        }

        header {
            height: 300px;
            justify-content: end;
        }

        #head-redes {
            top: 40px;
            left: 27px;
            width: 36px;
        }

        #cintillo {
            position: relative;
            width: 100%;
            height: 100px;
            background-color: #00013a;
            display: flex;
            align-items: center;
            justify-content: center;
            /*background-image: url(../images/leo_tri2.png);*/
            background-position: top right;
            background-repeat: no-repeat;
            /*background-size: 285px;
        */
            overflow: hidden;
        }

        #cintilloFrase, #cintilloFraseInicial {
            width: 40%;
            z-index: 80;
            margin-right: 12px;
        }

        #cintilloFrase {
            width: 84%;
            z-index: 80;
            margin-right: 12px;
        }

        #votaPan {
            left: 12px;
            width: 18%;
            z-index: 99;
        }

        #section-propuestas {
            position: relative;
            height: 638px;
            background-position: bottom left;
            background-size: 100%;
            background-repeat: no-repeat;
            padding-bottom: 120px;
            align-items: center;
            justify-content: center;
        }

        #propuestas-bg {
            width: 100%;
            height: 100%;
            padding-top: 0px;
            /*padding-bottom: 120px;*/
        }

        #propuestas-cont {
            width: 60%;
            margin-left: 120px;
        }

        #div-propuestas-tit {
            width: 65%;
            height: 80px;
            margin-left: 18px;
            background-image: url("../images/tit_propuestas_mov.png");
            padding-top: 8px;
            padding-bottom: 80px;
        }

        #propuestas-titulo {
            width: 90%;
            margin-bottom: 0px;
        }

            #propuestas-titulo + div {
                margin-top: 6px;
            }

        .carousel-prop {
            height: 480px;
        }

        #propuesta-0 {
            background-image: url("../images/Propuestas/leo_prop0-mov.png");
        }

        #propuesta-1 {
            background-image: url("../images/Propuestas/leo_prop1-mov.png");
        }

        #propuesta-2 {
            background-image: url("../images/Propuestas/leo_prop2-mov.png");
        }

        #propuesta-3 {
            background-image: url("../images/Propuestas/leo_prop3-mov.png");
        }

        #propuesta-4 {
            background-image: url("../images/Propuestas/leo_prop4-mov.png");
        }

        #propuesta-5 {
            background-image: url("../images/Propuestas/leo_prop5-mov.png");
        }

        #propuesta-6 {
            background-image: url("../images/Propuestas/leo_prop6-mov.png");
        }

        #propuesta-7 {
            background-image: url("../images/Propuestas/leo_prop7-mov.png");
        }

        #propuesta-8 {
            background-image: url("../images/Propuestas/leo_prop8-mov.png");
        }

        #propuesta-9 {
            background-image: url("../images/Propuestas/leo_prop9-mov.png");
        }

        #propuesta-10 {
            background-image: url("../images/Propuestas/leo_prop10-mov.png");
        }

        #propuesta-11 {
            background-image: url("../images/Propuestas/leo_prop11-mov.png");
        }

        #propuesta-12 {
            background-image: url("../images/Propuestas/leo_prop12-mov.png");
        }


        .slick-prev,
        .slick-next {
            top: 50%;
            width: 68px !important;
            height: 68px !important;
        }

        .slick-prev {
            left: -35px !important;
        }

        .slick-next {
            right: -35px !important;
        }

        #txt_fuerza {
            width: 70%;
            bottom: 140px;
            right: 0px;
        }

        #section-comparte {
            height: 240px;
        }

        #comparte-cont h2 {
            font-size: 19pt;
            padding-left: 65px;
            padding-right: 65px;
        }

        #div-comparte-tit {
            width: 65%;
            height: 80px;
            margin-left: 36px;
            background-image: url("../images/Leo_Propuestas_Movil.png");
            padding-top: 8px;
            padding-bottom: 80px;
        }

        #btn_comparte {
            width: 280px;
            height: 54px;
            background-image: url(../images/leo_btn_proponer.png);
            background-position: center;
            background-size: 100% 100%;
            background-repeat: no-repeat;
            margin: 0 auto;
            cursor: pointer;
        }

        #section-masinfo {
            padding-top: 25px;
            padding-bottom: 90px;
        }

        .banner-slider {
            position: absolute;
            right: 33%;
            bottom: -10%;
            z-index: 105;
            width: 14%;
            height: 25%;
            background-image: url(../images/joyitas.png);
            background-size: 100%;
            background-repeat: no-repeat;
        }

        #masinfo-cont {
            margin-left: unset;
            padding-left: 0px;
            padding-right: 0px;
        }

        .text-carousel div {
            width: 80%;
            height: 330px;
            margin-left: 25px
        }

        #img-leo-conocemas {
            position: absolute;
            right: 0;
            bottom: 0;
            width: 48%;
        }

        .text-carousel {
            width: 80%;
            height: 335px; /* Altura fija para mostrar un texto a la vez */
            margin-top: 120px;
            padding: 0px;
            z-index: 777;
        }

        #sabiasque-tit {
            position: absolute;
            top: 12px;
            left: 0px;
            width: 80%;
        }

        #masinfo-1 {
            background-image: url("../images/txt-slider/slider1-mov.png");
        }

        #masinfo-2 {
            background-image: url("../images/txt-slider/slider2-mov.png");
        }

        #masinfo-3 {
            background-image: url("../images/txt-slider/slider3-mov.png");
        }

        #masinfo-4 {
            background-image: url("../images/txt-slider/slider4-mov.png");
        }

        #masinfo-5 {
            background-image: url("../images/txt-slider/slider5-mov.png");
        }

        #masinfo-6 {
            background-image: url("../images/txt-slider/slider6-mov.png");
        }

        #masinfo-7 {
            background-image: url("../images/txt-slider/slider7-mov.png");
        }

        #masinfo-8 {
            background-image: url("../images/txt-slider/slider8-mov.png");
        }

        #masinfo-9 {
            background-image: url("../images/txt-slider/slider9-mov.png");
        }

        #masinfo-10 {
            background-image: url("../images/txt-slider/slider10-mov.png");
        }

        #masinfo-11 {
            background-image: url("../images/txt-slider/slider11-mov.png");
        }

        #masinfo-12 {
            background-image: url("../images/txt-slider/slider12-mov.png");
        }

        #masinfo-13 {
            background-image: url("../images/txt-slider/slider13-mov.png");
        }

        #masinfo-numeros {
            left: 15px;
            gap: 5px;
        }

            #masinfo-numeros div {
                padding: 6px;
                border: 1px solid black;
                border-radius: 4px;
                font-weight: 600;
                font-size: 9pt;
                color: black;
                text-align: center;
                padding: 6px;
                cursor: pointer;
            }

        footer {
            position: relative;
            width: 100%;
            height: auto;
        }

        #footer-reels {
            position: relative;
            width: 100%;
            height: 600px;
            float: none;
        }

        #eventos-carousel {
            width: 100%;
            height: auto;
            padding: 0px;
        }

            #eventos-carousel h2 {
                font-size: 22pt;
                padding-left: 25px;
                padding-top: 25px;
            }

        #footer-video {
            position: relative;
            width: 100%;
            height: 400px;
            float: none;
        }

            #footer-video h2 {
                margin-bottom: 5px;
            }

        #video-cont {
            text-align: center;
            margin-top: 0px;
            padding-top: 20px;
        }

        #video-live {
            width: 300px;
            height: 300px;
            background-image: url(../images/leo_live.png);
            background-position: center;
            background-size: contain;
            margin: 0 auto;
            cursor: pointer;
        }

        #footer-menu {
            clear: both;
            position: relative;
            width: 100%;
            min-height: 80px;
            height: auto;
            left: 0;
            bottom: 0;
            display: block;
            align-items: center;
            justify-content: end;
            background-color: #111111;
            padding-bottom: 25px;
        }

        #footer-opciones {
            position: relative;
            width: 100%;
            margin-right: 0px;
            text-align: right;
            padding-top: 12px;
        }

            #footer-opciones ul li {
                float: right; /* Hacemos que el menu se muestre horizontal */
                padding-left: 8px;
                padding-right: 8px;
            }

                #footer-opciones ul li a {
                    font-size: 11pt;
                }

        #footer-redes {
            width: 100%;
            position: relative;
            display: flex;
            align-items: center;
            justify-content: end;
            gap: 12px;
            margin-top: 30px;
        }

        /* Formulario*/

        #temas-patitas {
            margin-bottom: 10px;
            /*gap: 0px;*/
        }

            #temas-patitas div {
                /*width: 180px;
        height: 55px;*/
            }

        #form-space p {
            font-size: 18pt;
        }

        .patitaBaja {
            margin-top: 36px;
        }

        label {
            font-size: 18pt;
            margin-left: 0;
        }

        #form-response {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            margin-right: auto;
            width: 90%;
            height: 300px;
            z-index: 999999991;
        }

        #form-close {
            z-index: 9999999;
        }

            #form-close h1 {
                top: 12px;
                right: 12px;
                transform: translate(-16%, -10%);
                font-size: 32pt;
            }

        #form-propuestas {
            width: 94%;
            background-image: url(../images/cerro_cel.png);
            background-size: contain;
            padding-top: 12px;
            padding-bottom: 5px;
            padding-right: 5px;
            z-index: 99999999999;
            background-color: #009cde;
        }

        #form-cont {
            position: relative;
            width: 94%;
            padding-bottom: 60px;
        }

            #form-cont img {
                width: 100%;
            }

        #form-space {
            width: 100%;
            padding-top: 2px;
        }

            #form-space div {
                width: 100%;
                margin-top: 8px;
            }

        #temas {
            width: 92%;
            margin-left: 0 !important;
            height: 32px;
            border-radius: 0;
            border: tr;
            padding: 2px;
            background-color: #fff;
            font-size: 16pt;
            margin-left: 4%;
        }

        #form-textarea textarea {
            width: 90%;
            height: 80px;
            margin-right: 4%;
            margin-left: 4%;
            resize: none;
            font-size: 11pt;
            padding: 5px;
            font-size: 11pt;
        }

        #form-phone {
            display: block;
            color: #fff;
            font-weight: 300;
            text-align: center;
        }

            #form-phone img {
                width: 28px;
                height: 28px;
            }

        #telefono {
            margin-top: 12px;
            height: 18px;
            width: 140px;
            font-size: 16pt;
            padding: 2px;
        }

        #form-btn {
            width: 100%;
        }

        #btn-enviarForm, #btn-enviandoForm {
            width: 242px !important;
            height: 80px;
        }


        /*Mas-Info Popups*/
        .popup-msainfo-close {
            top: 8%;
            right: 8%;
        }

        .popup-cont {
            width: 400px;
            height: 220px;
            grid-gap: 2px;
        }

        #video-popup-iframe {
            width: 400px;
        }
    }

    @media (max-width: 655px) {
        #heder-camino-animado {
            height: 460px;
        }

            #heder-camino-animado iframe {
                width: 90%;
                height: 100%;
                padding-left: 20px;
                padding-top: 60px;
                border: none;
            }

        header {
            height: 280px;
            background-position: 20px 60px;
            background-size: 90%;
            
        }

        #header-leo {
            width: 72%;
            right: 0px;
        }

        .nav-menu {
            top: 12px;
            right: 0px;
            width: auto;
        }

            .nav-menu ul {
                list-style: none; /* Eliminamos los bullets */
                margin: 0px; /* Quitamos los margenes */
                padding: 0px; /* Quitamos el padding */
            }

                .nav-menu ul li {
                    float: left; /* Hacemos que el menu se muestre horizontal */
                    padding-left: 8px;
                    padding-right: 8px;
                }

                    .nav-menu ul li a {
                        font-size: 10pt;
                    }

        #head-redes {
            position: absolute;
            top: unset;
            bottom: 0px;
            left: 28px;
            width: 38px;
        }

            #head-redes div {
                width: 100%;
                margin-bottom: 4px;
            }

        #section-propuestas {
            height: 440px;
        }

        #div-propuestas-tit {
            width: 70%;
            padding-bottom: 5px;
            background-position: center center;
        }

        #propuestas-cont {
            width: 60%;
            margin-left: 0px;
        }

        .carousel-prop {
            height: 340px;
        }

        #div-comparte-tit {
            width: 70%;
            padding-bottom: 5px;
            background-position: center center;
        }

        /*#masinfo-numeros {
        position: absolute;
        left: 22px;
        top: 80px;
        width: 80%;
    }*/
        #masinfo-numeros {
            left: 1%;
            top: 80px;
            width: 99%;
            position: absolute;
            display: flex;
            align-items: start;
            justify-content: start;
            gap: 3px;
            overflow-x: scroll;
        }
            /* Hide scrollbar for Chrome, Safari and Opera */
            #masinfo-numeros::-webkit-scrollbar {
                display: none;
            }

        /* Hide scrollbar for IE, Edge and Firefox */
        #masinfo-numeros {
            -ms-overflow-style: none; /* IE and Edge */
            scrollbar-width: none; /* Firefox */
        }

            #masinfo-numeros div {
                border: 1px solid black;
                border-radius: 4px;
                font-weight: 600;
                font-size: 9pt;
                color: black;
                text-align: center;
                padding: 7px;
            }


        .banner-slider {
            position: absolute;
            right: 48%;
            bottom: -14%;
            z-index: 105;
            width: 20%;
            height: 26%;
            background-image: url(../images/joyitas.png);
            background-size: 100%;
            background-repeat: no-repeat;
        }

        #video-popup-iframe {
            width: 340px;
        }
    }

    @media (max-width: 800px) {
        #sabiasque-tit {
            width: 78%;
            margin-bottom: 12px;
        }
    }

    @media (max-width: 600px) {
        #div-propuestas-tit {
            width: 80%;
        }

        #propuestas-cont {
            width: 80%;
            margin-left: 0px;
        }

        #div-comparte-tit {
            width: 80%;
        }
    }