body{
    font-family: "Poppins", sans-serif;
}
p{
     font-family: "Quicksand", sans-serif !important;
     font-weight: 400;
}
.nav_ul{
    list-style: none;    
    display: flex;
    padding: 0px;
    width: fit-content;
    margin: auto;
    float: right;
}
.nav_ul li{
    
}
.nav_ul .contacto{
    margin: 0px 15px;
}
.nav_ul .contacto a{
    background-color: #E84E1B;
    color: #ffffff;
    border-radius: 14px;
    padding: 10px 20px;
}
.wsp a{
    background-color: #2DB742;
    border-radius: 28px;
    padding: 7px 9px 11px;
}
.wsp a svg{
    width: 19px;
}
.nav_ul li a{
    position: relative;
    padding: 4px 8px 9px 9px;
    text-decoration: none;
    color: #6b6a6a;
    font-size: 15px;
    margin: 0px 4px;
}
.nav_ul li a:hover{
    color: #000000;
}
.nav_ul li .svg_a{
    width: 28px;
}
.nav_ul .contacto > a:before{
    display: none !important;
}
.nav_ul .contacto:hover a{
    background-color: #ffffff;
    border: 1px solid #E84E1B;
    color: #E84E1B !important;
}
.nav_ul li > a:before{
    content: "";
    background-color: #57b952;
    height: 5px;
    width: 70%;
    border-radius: 9px;
    position: absolute;
    display: block;
    bottom: -6px;
    right: 0px;
    margin-right: 0px;
    -webkit-transform: translateX(-10px);
    -khtml-transform: translateX(-10px);
    -moz-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    -o-transform: translateX(-10px);
    transform: translateX(-10px);
    -webkit-transition: all 0.25s cubic-bezier(0.37, 0.31, 0.2, 0.85);
        -khtml-transition: all 0.25s cubic-bezier(0.37, 0.31, 0.2, 0.85);
        -moz-transition: all 0.25s cubic-bezier(0.37, 0.31, 0.2, 0.85);
        -ms-transition: all 0.25s cubic-bezier(0.37, 0.31, 0.2, 0.85);
        -o-transition: all 0.25s cubic-bezier(0.37, 0.31, 0.2, 0.85);
        transition: all 0.25s cubic-bezier(0.37, 0.31, 0.2, 0.85);
    opacity: 0;
}
.nav_ul li:hover > a:before{
    transform: translateX(0px);
    opacity: 1;
}
/* */

.ul_nav_idiomas{
    list-style: none;    
    display: flex;
    padding: 0px;
    margin: 0px;
}
.ul_nav_idiomas li a{
    padding: 10px;
    text-decoration: none;
    color: #999999;
    font-size: 17px;
    margin: 0px 10px;
    background-color: #f2f2f2;
    border-radius: 19px;
}
.ul_nav_idiomas .active{
    background-color: #ef8500;
    color: #ffffff;
}
.menu_mobile{
    list-style: none;
}
.menu_mobile li{
    padding: 15px 0px;
}
.menu_mobile li a{
    text-decoration: none;
    color: #000000;
}


.section_nosotros h2{
    font-size: 67px;
    margin-bottom: 35px;
    color: #ffffff;
    font-weight: 700;
    opacity: 0; /* Comienza invisible */
    transition: opacity 0.5s ease, transform 0.5s ease; /* Suaviza la aparición */
    transform: translateY(20px); /* Desplaza ligeramente hacia abajo */        
}
.section_nosotros h2.visible {
opacity: 1; /* Se vuelve visible */
transform: translateY(0); /* Regresa a su posición original */
}





.map-container {
    overflow: hidden; /* Oculta cualquier desbordamiento */
    position: relative; /* Para posicionar la imagen */
}

.map-link {
    display: block; /* Asegúrate de que el enlace se comporte como un bloque para el efecto */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Suaviza la transición */
}

/* Efecto de hover */
.map-link:hover {
    transform: scale(1.09) translateY(-5px); /* Escala y eleva la imagen del mapa */
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3); /* Agrega un box-shadow */
}

    .fondo_textos{
        padding: 8px 12px;
        border-radius: 14px;
    }
    .flex_produ{
        display: flex;
        align-items: center;
    }
    .w_cincuenta{
       
    }
    .encima_shadow{
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
        border-bottom-right-radius: 50px;
        position: relative;
        left: 40px;
        background-color: #ffffff;
    }
    .encima_shadow:hover{
        transform: scale(1.05);
        filter: brightness(1) sepia(0);
        cursor: pointer;
 
    }
    .franja_naranja{
        width: 100%;
    height: 80px;
    background-color: #F0920A;
    border-bottom-right-radius: 50px; 
    }
    .primer_cuadro{
        z-index: 99;
        position: relative;
        width: 40%;
    }
    .segundo_cuadro{
        background-color: #FCF5EB;
        z-index: 1;
        padding: 10px 10px 0px 60px;
        border-radius: 20px;
        width: 60%;
    }

    .flex_text{
        display: flex
;
    align-items: center;
    }
    .franja_text{
        width: 23px;
    height: 50px;
    background-color: #f0920a;
    margin: 0px 10px 0px 0px;
    }
    .segundo_cuadro p{
        color: #348b30;
    }
    .segundo_cuadro h3{
        font-size: 20px;
        margin: 15px 4px;
        color: #f0920a; /* Color naranja para toda la línea */
        line-height: 1.5; /* Espaciado entre líneas */
        text-align: left; /* Asegura la alineación */
          
    }
    .segundo_cuadro h3::first-line {
    color: #f0920a; /* Naranja solo para la primera línea */
    }
    .segundo_cuadro h3 .naranja{

    }
    .segundo_cuadro h3 .blanco-verde {
        background-color: #348b30;
        color: #ffffff;
        padding: 4px 8px;
        border-radius: 8px;
        margin-top: 4px;
        font-size: 12px;
    } 
        .efecto_senora{
            position: absolute;
            bottom: 0;
            width: 750px;
            left: 35%;
            opacity: 0; /* Empieza invisible */
            animation: fadeIn 1s ease-in-out forwards;  /* Duración de 2 segundos */
        }
        @keyframes fadeIn {
            from {
                opacity: 0;
            }
            to {
                opacity: 1;
            }
        } 
        .efecto_textos{
            position: absolute;
            bottom: 80px;
            width: 1000px;
            right: 0%;
            opacity: 0; /* Empieza invisible */
            animation: fadeIn 1s ease-in-out forwards; /* Duración de 2 segundos */
        } 
@media (max-width: 767px) {
    /* Estilos para móviles */
    .section_nosotros{
        padding: 0px 9px !important;
        margin: 15px 3px;
    }
    .section_nosotros h2 {
        font-size: 37px; /* Ajusta el tamaño de la fuente */
        /* Otros estilos para móviles */
        margin: 0px 0px 15px;
    }
    .fondo_section_dos{
        padding: 80px 0px !important;
    }
    .section_nosotros p{
        font-size: 13px !important;
    }
    .arriba_abajo {
        padding: 20px 0px !important;
    }
    .footer{
        padding: 40px 0px !important;
    }
    .sec_list ul{
        padding: 0px;
    }
    .item_producto img{
        height: 290px !important; 
    }
    .fade_img .fae_div{
        padding: 0px !important;
    }
    .flex_produ{
        display: block;
    }
    .primer_cuadro{
            width: 100%;
    }
    .encima_shadow{
        left: inherit;
        box-shadow: none;
        padding: 5px 45px 0px;
    }
    .segundo_cuadro{
        padding: 12px 12px;
        width: 100%;
    }
    .franja_naranja{
        display: none;
    border-radius: 0px;
    }
    .item-home{
        height: 330px;
        margin: 88px 0px 0px;
    }
    .item_altooo{
            height: 100%;
    }
    .fondo_banne{
            height: 100%;
    object-fit: cover;
    }
    .efecto_senora{
        width: 230px;
        left: 1%;
    }
    .efecto_textos{
            bottom: 35px;
    width: 207px;
    right: -2%;
    }

    .class_banner_index{
        padding: 20px 0px 0px !important;
    }

.h3_certificados{
    font-size: 32px !important;
}
.h3_certificados img {
    width: 70px !important;
}
.fonosocuro h5{
        font-size: 14px !important; 
}
.fonosocuro p{
    font-size: 10px !important;
}
.alto_impulsando{
    height: auto !important;
}
.flip-card-back p {
    font-size: 13px !important;
    text-align: justify;
}
.alto_recon {
    height: 277px !important;
}
    
}