body{
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    background-color: #fff;
}

html {
  scroll-behavior: smooth;
}


@font-face {
    font-family: 'Enebano';
    src: url('Eye_Quirky.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
  }
  
  
@font-face {
    font-family: 'Enebano_adelina';
    src: url('adelia.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
  }

  @font-face {
    font-family: 'Enebano_vendya';
    src: url('vendya.otf') format('truetype');
    font-weight: normal;
    font-style: normal;
  }


header{
    width: calc(100% - 40px);
    height: auto;
    background-color: rgba(0, 0, 0, 0.4);
    box-shadow: 0px 0px 20px #00000000;
    padding: 15px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 2;
}
.logo_1{
    width: 60px;
}

.hamburguesa_btn{
    width: 17px;
    height: 40px;
    background-color: #06be0000;
    border: 0;
    padding: 0;
    margin: 0;
    visibility: visible;
    display: flex;
    justify-content: space-between;
    align-items: center;    
}

.hamburguesa_btn img{
    width: 100%;
    background-color: #7b000000;
    margin: 0;
    padding: 0;  
}

.btn_rapidos_header{
    visibility: hidden;
    display: none;
}

.btn_laterales{
    display: flex;
    justify-content: space-between;
}

nav{
    width: 100%;
    height: 100%;
    background-color: #00000014;
    position: fixed;
    top: 0px;
    left: 0px;
    backdrop-filter: blur(3px);
    opacity: 0;
    animation: nav 0.5s forwards;
    z-index: 3;
}

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

.nav_contenido{
    width: 70%;
    height: calc(100% - 80px);
    padding: 40px 20px;
    background-color: #fff;
    box-shadow: 0px 0px 40px #00000034;
    position: fixed;
    top: 0px;
    left: -200px;
    animation: div_nav 1s forwards;
}

@keyframes div_nav { 0% { left: calc(-100% + 100px);} 100% { left: 0; }}

.btn_nav{
    background-color: #dcdcdc00;
    padding: 4px 15px;
    border-radius: 10px;
    border: 0;
    font-family: "Afacad Flux", sans-serif;
    color: #2165e5ff;
    font-size: 25px;
    display: block;
}

.cerrar_nav{
    width: 30px;
    padding: 0;
    margin: 0;
    margin-bottom: 30px;
    border: 0;
    background-color: #dcdcdc00;
}
.cerrar_nav img{
    width: 100%;
}
.redes{
    width: calc(100% - 60px);
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #2165e5ff;
    background: -webkit-linear-gradient(90deg, #2165e5ff,#6e00e0ff);background: linear-gradient(90deg, #2165e5ff,#6e00e0ff);
    border-radius: 20px;
    padding: 10px;
    margin-top: 20px;
    position: fixed;
    bottom: -50px;
    left: 20px;
    animation: redes 2s forwards;
}

@keyframes redes { 0% { bottom: -50px;} 85% { bottom: -50px;} 100% { bottom: 20px; }}
.redes p{
    font-family: "Afacad Flux", sans-serif;
    color: rgb(255, 255, 255);
    font-size: 18px;
    margin: 0;
    padding: 0;
    }
.redes button{
    width: 30px;
    height: 30px;
    background-color: rgba(0, 255, 255, 0);
    border: 0;
    padding: 0;
    margin: 0px 10px;
}
.redes img{
    width: 100%;
}

.tarjeta1{
    width: calc(100% - 40px);
    padding: 10vh 20px 0px 20px;
    background-color: #ececec;
    background: -webkit-linear-gradient(90deg, #2165e5ff,#6e00e0ff);background: linear-gradient(90deg, #2165e5ff,#6e00e0ff);
    margin: 0;
    background-image: url('../imagenes/fondo4.png');
    background-size: cover;       /* Ajusta la imagen para cubrir todo el div */
    background-position: center;  /* Centra la imagen */
        
}
.titulo_1_tarjetas{
    font-family: "Afacad Flux", sans-serif;
    color: rgb(255, 255, 255);
    font-size: 35px;
    line-height: 30px;
    font-weight: 300;
    margin: 0;
    margin-bottom: 10vh;
    padding: 0;
    text-align: center;
}
.titulo_1_tarjetas samp{
    display: inline-block;
    white-space: pre-wrap;
    
    font-family: "Afacad Flux", sans-serif;
    color: rgb(255, 255, 255);
    font-size: 45px;
    font-weight: 500;
    margin: 0;
    padding: 0;
}

.img_tarjeta1{
    width:calc(100% + 40px);
    height: auto;
    padding: 0;
    display: block;
    margin: 10px auto;
    margin-left: -20px; 
}




.btn_div_rapidos{
    visibility: hidden;
    display: none;
}


.tarejtas2{
    background-color: rgb(255, 255, 255);
    padding: 50px 20px;
    width: calc(100% - 40px);
    
}

.logo_dos{
    width: 70px;
    display: block;
    margin: auto;
}
.titulo_tarejtas2{
    font-family: "Afacad Flux", sans-serif;
    color: #2165e5ff;
    font-size: 33px;
    font-weight: 500;
    margin: 0;
    text-align: center;
}

.texto_tarjeta2{
    font-family: "Afacad Flux", sans-serif;
    color: rgb(45, 45, 45);
    font-size: 20px;
    line-height: 22px;
    font-weight: 300;
    margin: 20px 0px;
    text-align: justify;
}

.campanas_publicitarias{
    width: calc(100% - 40px);
    background-color: #ffffff;
    padding: 40px 20px;
    display: flex;
    overflow-x: auto;     
    overflow: hidden;
}


.campanas_publicitarias_scroll-content {
    display: flex;
    animation: campanas_publicitarias_scroll-content 20s linear infinite;
}

    /* Animación */
@keyframes campanas_publicitarias_scroll-content {
    0% {
    transform: translateX(0);
    }
    100% {
    transform: translateX(-50%);
    }
}

.logos_capanas_publicitarias{
    width: 140px;
    display: block;
    margin: 10px 10px;
}

.relleno_falso{
    height: 3000px;
    background-color: #aeaeae;
}




/* Estilos solo para pantallas grandes (mobil)*//* Estilos solo para pantallas grandes (mobil)*//* Estilos solo para pantallas grandes (mobil)*/
/* Estilos solo para pantallas grandes (mobil)*//* Estilos solo para pantallas grandes (mobil)*//* Estilos solo para pantallas grandes (mobil)*/
/* Estilos solo para pantallas grandes (mobil)*//* Estilos solo para pantallas grandes (mobil)*//* Estilos solo para pantallas grandes (mobil)*/
/* Estilos solo para pantallas grandes (mobil)*//* Estilos solo para pantallas grandes (mobil)*//* Estilos solo para pantallas grandes (mobil)*/
/* Estilos solo para pantallas grandes (mobil)*//* Estilos solo para pantallas grandes (mobil)*//* Estilos solo para pantallas grandes (mobil)*/
/* Estilos solo para pantallas grandes (mobil)*//* Estilos solo para pantallas grandes (mobil)*//* Estilos solo para pantallas grandes (mobil)*/
/* Estilos solo para pantallas grandes (mobil)*//* Estilos solo para pantallas grandes (mobil)*//* Estilos solo para pantallas grandes (mobil)*/

@media (max-width: 767px)  {

    



    section {
        width: 100%;
        max-height: 100vh;
        padding: 150px 0px 0px 0px;
        position: relative;
        overflow: hidden; 
      }
      section .wave {
        position: absolute;
        left: 0;
        width: 100%;
        height: 100%;
        background: #4973ff;
        box-shadow: inset 0 0 50px rgba(0, 0, 0, 0.5);
        transition: 0.5s;
      }
      section .wave span {
        content: "";
        position: absolute;
        width: 700px;
        height: 700px;
        top: 0;
        left: 50%;
        transform: translate(-50%, -75%);
        background: #000;
      }
      .content {
        position: relative;
        z-index: 1;
        font-size: 4em;
        letter-spacing: 2px;
        color: #fff;
      }
      section .wave span:nth-child(1) {
        border-radius: 45%;
        background: rgba(20, 20, 20, 1);
        animation: animate 5s linear infinite;
        
      }
      
      section .wave span:nth-child(2) {
        border-radius: 40%;
        background: rgba(20, 20, 20, 0.5);
        animation: animate 10s linear infinite;
      }
      section .wave span:nth-child(3) {
        border-radius: 42.5%;
        background: rgba(20, 20, 20, 0.5);
        animation: animate 15s linear infinite;
      }
      @keyframes animate {
        0% {
          transform: translate(-50%, -75%) rotate(0deg);
        }
        100% {
          transform: translate(-50%, -75%) rotate(360deg);
        }
      }













      .img_tarjeta1{ 
        animation-name: animacion1;
        animation-duration: 2s;
        animation-delay: 0.3s; /* ← aquí se aplica el retraso */
        animation-fill-mode: forwards;
        opacity: 0;
        margin: 0;
    }
    @keyframes animacion1 {

        0% {
        transform: translateY(50%);
        opacity: 0;
        }
        100% {
        transform: translateY(0%);
        opacity: 1;
        position: static;
        }

    }

    .titulo_1_tarjetas{
        animation-name: animacion1;
        animation-duration: 2s;
        animation-delay: 1s; /* ← aquí se aplica el retraso */
        animation-fill-mode: forwards;
        opacity: 0;
    }

    .campanas_publicitarias{
        animation-name: animacion1;
        animation-duration: 2s;
        animation-delay: 2s; /* ← aquí se aplica el retraso */
        animation-fill-mode: forwards;
        opacity: 0;


    }

    

    .webs{
        width: calc(100% - 0px);
        padding: 150px 0px 50px 0px;
        
    }


    .titulo_web{
        color: rgb(57, 57, 57);
        font-size: 2.5rem;
        line-height:1.2;
        font-weight: 500;
        margin: 0px 20px 20px 20px;
        font-family: "Afacad Flux", sans-serif;
        text-align: center;
        
    }
    .parrafo_web{
        color: rgb(57, 57, 57);
        font-size: 1.3rem;
        line-height:1.2;
        font-weight: 300;
        text-align: justify;
        margin-right: 10px;
        font-family: "Afacad Flux", sans-serif; 
        margin: 0px 20px;
    }
    .parrafo_web span{
        font-weight: 600;
    }




    
    .logo_plataformas_webs{
        width: 25px;
        
    }

    .txt_plataformas_webs_titulos{
        font-family: "Afacad Flux", sans-serif; 
        color: rgb(255, 255, 255);
        font-size: .8rem;
        line-height:1;
        font-weight: 400;
        margin: 0;
        margin-left: 10px;
    }
    .tarjeta_div_plataformas{
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 15px;
        background-color: rgb(98, 98, 98);
        margin: 3px;
        padding: 7px 15px;
        border-radius: 20px;
    }
    .madre_plataformas{
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
        margin-top: 5px;
    }
    .btn_ver_mas_web{
        display: none;
    }

    





    .imagen_wrapper {
        position: relative; /* contenedor relativo */
        overflow: clip;
        margin: 40px 0px;

    }



    .imagen_web_mackbook {
        width: 90%;
        animation-name: animacionweb_mackbok;
        margin-left: 5%;
        animation-timing-function: ease-out;
        animation-fill-mode: both;
        animation-timeline: view();
        animation-range: entry 0% cover 30%; /* inicia cuando entra, termina cuando cubre 30% */
        
    }
    .imagen_web_mobil {
        width: 25%;
        margin-top: 15%;
        
        animation-name: animacionweb_mobil;
        
        animation-timing-function: ease-out;
        animation-fill-mode: both;
        animation-timeline: view();
        animation-range: entry 0% cover 20%; /* inicia cuando entra, termina cuando cubre 30% */
        opacity: 1;
    }

    @keyframes animacionweb_mackbok {
        0% {
            transform: translateX(100%);
            position: absolute;
        }
        100% {
            transform: translateX(0%);
            position: absolute;
        }
    }

    @keyframes animacionweb_mobil {
        0% {
            transform: translateX(-100%);
            opacity: 1;
        }
        100% {
            transform: translateX(25vh);
            opacity: 1;
        }
    }


    .animacion_txt_web{
        animation-name: animacionweb_txt;
        
        animation-timing-function: ease-out;
        animation-fill-mode: both;
        animation-timeline: view();
        animation-range: entry 0% cover 50%;
        opacity: 0;
    }

    @keyframes animacionweb_txt {
        0% {
            transform: translatey(40%);
            opacity: 0;
        }
        20% {
            transform: translatey(40%);
            opacity: 0;
        }
        100% {
            transform: translatey(0%);
            opacity: 1;
        }
    }

    .btn_ver_mas_web_mobil{
        background-color: #4973ff;
        border: 0;
        border-radius: 35px;
        padding: 10px 25px;
        font-family: "Afacad Flux", sans-serif; 
        color: rgb(255, 255, 255);
        font-size:1.4rem;
        line-height:1;
        font-weight: 500;
        display: block;
        margin: auto;
    }







    .Tarjeta_digital{
        width: 100%;
        
        padding: 50px 0px 50px 0px;
        
        
    }


    .contenedor1_Tarjeta_digital{
        width: 100%;   
        
    }
    .contenedor2_Tarjeta_digital{
        width: 100%;
        
    }

   




    .titulo_Tarjeta_digital{
        color: rgb(57, 57, 57);
        font-size: 2.5rem;
        line-height:1.2;
        font-weight: 500;
        margin: 0px 20px 20px 20px;
        font-family: "Afacad Flux", sans-serif;
        text-align: center;
    }
    .parrafo_Tarjeta_digital{
        color: rgb(57, 57, 57);
        font-size: 1.3rem;
        line-height:1.2;
        font-weight: 300;
        text-align: justify;
        margin-right: 10px;
        font-family: "Afacad Flux", sans-serif; 
        margin: 0px 20px;
    }
    .parrafo_Tarjeta_digital span{
        font-weight: 600;
    }



    .animacion_txt_Tarjeta_digital{
        animation-name: animacionTarjeta_digital_txt;
        
        animation-timing-function: ease-out;
        animation-fill-mode: both;
        animation-timeline: view();
        animation-range: entry 0vh cover 30vh;
        opacity: 0;
    }

    @keyframes animacionTarjeta_digital_txt {
        0% {
            transform: translatey(40%);
            opacity: 0;
        }
        100% {
            transform: translatey(0%);
            opacity: 1;
        }
    }




    .imagen_wrapper_Tarjeta_digital {
        position: relative; /* contenedor relativo */
        height: 700px;
        max-height: 50vh;
        overflow: clip;
        
    }



  
    .imagen_Tarjeta_digital_manos {
        height: 100%;
        max-width: 80vw;
        animation-name: animaciontarjetas_manosk;
        animation-timing-function: ease-out;
        animation-fill-mode: both;
        animation-timeline: view();
        animation-range: entry 0% cover 50%; /* inicia cuando entra, termina cuando cubre 30% */ 
    }
    

    .imagen_Tarjeta_digital_manos {
        position: absolute; /* permite encimarlas */
        top: 0;
        left: 0;
        object-fit: contain; /* ajusta bien dentro del espacio */
    }


    @keyframes animaciontarjetas_manosk {
        0% {
            transform: translateX(-90%);
            position: absolute;
        }
        100% {
            transform: translateX(0%);
            position: absolute;
        }
    }


    .btn_ver_mas_tarejta_digital{
        background: -webkit-linear-gradient(90deg, #2165e5ff,#6e00e0ff);background: linear-gradient(90deg, #2165e5ff,#6e00e0ff);
        border: 0;
        border-radius: 35px;
        padding: 10px 25px;
        font-family: "Afacad Flux", sans-serif; 
        color: rgb(255, 255, 255);
        font-size:1.4rem;
        line-height:1;
        font-weight: 500;
        display: block;
        margin:  10px auto;
    }






























    .enebano{
        width: calc(100% - 40px);
        
        padding: 0px 20px 70px 20px;
        background-color: #ffffff;

        animation-name: backgroun_enebano ;
        animation-timing-function: ease-out;
        animation-fill-mode: both;
        animation-timeline: view();
        animation-range: entry 0vh cover 40vh; /* inicia cuando entra, termina cuando cubre 30% */ 
        background: radial-gradient(circle, transparent 20%, #000000 20%, #000000 80%, transparent 80%, transparent), radial-gradient(circle, transparent 20%, #000000 20%, #000000 80%, transparent 80%, transparent) 25px 25px, linear-gradient(#161616 2px, transparent 2px) 0 -1px, linear-gradient(90deg, #161616 2px, #000000 2px) -1px 0;
        background-size: 50px 50px, 50px 50px, 25px 25px, 25px 25px;
    }

    @keyframes backgroun_enebano {
        0% {
            
        }
        20% {
            
        }
        100% {
            
        }
    }


    .header_enebano {
        position: sticky;
        top: 0px; /* se queda flotando hasta ese punto */
        width: calc(100% - 0px);
        display: flex;
        justify-content: space-between;
        align-items: center;
        background: rgb(255, 255, 255);
        
        padding: 20px 20px;
        height: 36px;
        margin: 0px 0px 0px -20px;
        
        animation: aparecer 1s ease-out forwards;
        z-index: 3;
    }


    .logo_enebano{
        width: 100px;
        position: relative;
        margin: 0;
        padding: 0;

        opacity: 0;
        animation-name: header_enebano;
        animation-timing-function: ease-out;
        animation-fill-mode: both;
        animation-timeline: view();
        animation-range: entry 20vh cover 50vh; /* inicia cuando entra, termina cuando cubre 30% */ 
    }

    .txt_enebano{
        display: none;
    }
    .btn_enebano_contactar{
        background-color: #000000;
        border-radius: 50px;
        border: 0;
        padding: 4px 15px;
        color: rgb(255, 255, 255);
        font-size: 1.2rem;
        line-height:1;
        font-weight: 500;
        margin: 0;
        font-family: "Afacad Flux", sans-serif;
        opacity: 0;
        animation-name: header_enebano;
        animation-timing-function: ease-out;
        animation-fill-mode: both;
        animation-timeline: view();
        animation-range: entry 20vh cover 50vh; /* inicia cuando entra, termina cuando cubre 30% */ 
    }

    @keyframes header_enebano {
        0% {
            transform: translatey(10%);
            opacity: 0;
        }
        100% {
            transform: translatey(0%);
            opacity: 1;
        }
    }

    
  
    .tar_enebano_1{
        width: 100%;  
        margin-top: 80px;
    }
    .contenido_enebano_1{
        width: 100%;
        padding: 50px 0px;
        
    }

    .contenido_enebano_2{
        width: 100%;
        padding: 50px 0px;
    }

    .Imagen_enebano_1{
        width: 100%;
        padding: 50px 50px;
        
        
    }

    .imagen_lente{
        width: 100%;
        animation-name: animacion_enebano;
        animation-timing-function: ease-out;
        animation-fill-mode: both;
        animation-timeline: view();
        animation-range: entry 15vh cover 30vh; /* inicia cuando entra, termina cuando cubre 30% */ 
        opacity: 0;
    }
   
  
    @keyframes animacion_enebano {
        0% {
            opacity: 0;
        }
        100% {
            opacity: 1;
        }
    }
    .titulo_enebano{
        color: rgb(255, 255, 255);
        font-size: 4rem;
        line-height:1;
        font-weight: 600;
        margin: 0;
        
        font-family: "Six Caps", sans-serif;
        letter-spacing: 3px;
        text-align: center;
        
    }
    .descripcion_enebano{
        color: rgb(255, 255, 255);
        font-size: 1.3rem;
        line-height:1.2;
        font-weight: 300;
        text-align: justify;
        margin: 0;
        
        font-family: "Afacad Flux", sans-serif; 
        animation-name: animacionTarjeta_digital_txt;
        animation-timing-function: ease-out;
        animation-fill-mode: both;
        animation-timeline: view();
        animation-range: entry 20vh cover 40vh;
        opacity: 0;
    }



    .galeria_enebano{
        width: 100%;
        padding: 40px 0px;
    }
    .grid {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(70px, 1fr));
        grid-auto-rows: 70px;
        gap: 10px;
      }
  
    .item {
        background: #ddd;
        border-radius: 8px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: bold;
        color: #333;
    }
    .cuadro {
        grid-column: span 1;
        grid-row: span 1;
        background-color: #ffadad;
        animation-name: Animacion_cuadro_enebano;
        animation-timing-function: ease-out;
        animation-fill-mode: both;
        animation-timeline: view();
        animation-range: entry 10vh cover 30vh;
        opacity: 0;
        background-position: center;     /* Centra la imagen */
        background-repeat: no-repeat;    /* No se repite */
        background-size: cover; 
    }
  
    @keyframes Animacion_cuadro_enebano {
        0% {
            transform: translateX(-10px);
            opacity: 0;  
        }
        100% {
            transform: translateX(0px);
            opacity: 1;
        }
    }






    .cuadrote {
        grid-column: span 2;
        grid-row: span 2;
        background-color: #910068;
        animation-name: Animacion_cuadrote_enebano;
        animation-timing-function: ease-out;
        animation-fill-mode: both;
        animation-timeline: view();
        animation-range: entry 10vh cover 30vh;
        opacity: 0;
        background-position: center;     /* Centra la imagen */
        background-repeat: no-repeat;    /* No se repite */
        background-size: cover; 
    }
  
    @keyframes Animacion_cuadrote_enebano {
        0% {
            transform: translatey(10px);
            opacity: 0;  
        }
        100% {
            transform: translatey(0px);
            opacity: 1;
        }
    }









    .horizontal {
        grid-column: span 2;
        grid-row: span 1;
        background-color: #caffbf;
        animation-name: Animacion_horizontal_enebano;
        animation-timing-function: ease-out;
        animation-fill-mode: both;
        animation-timeline: view();
        animation-range: entry 10vh cover 30vh;
        opacity: 0;
        background-position: center;     /* Centra la imagen */
        background-repeat: no-repeat;    /* No se repite */
        background-size: cover; 
    }
    @keyframes Animacion_horizontal_enebano {
        0% {
            transform: translateX(10px);
            opacity: 0;  
        }
        100% {
            transform: translateX(0px);
            opacity: 1;
        }
    }
    .vertical {
        grid-column: span 1;
        grid-row: span 2;
        background-color: #ffd6a5;
        animation-name: Animacion_vertical_enebano;
        animation-timing-function: ease-out;
        animation-fill-mode: both;
        animation-timeline: view();
        animation-range: entry 10vh cover 30vh;
        opacity: 0;
        background-position: center;     /* Centra la imagen */
        background-repeat: no-repeat;    /* No se repite */
        background-size: cover; 
    }
    @keyframes Animacion_vertical_enebano {
        0% {
            transform: translatey(10px);
            opacity: 0;
            
        }
        100% {
            transform: translatey(0px);
            opacity: 1;
            
        }
    }
    #foto_ene_1{
        background-image: url('../enebano/cuadrada1.jpg');   
    }
    #foto_ene_2{
        background-image: url('../enebano/cuadrada2.jpg');   
    }


    .tarjetas_fotos_diferentes{
        width: calc(100% + 40px);
        margin-left: -20px;
        
        align-items: start;
        justify-content: start;
        
        display: flex;
        overflow-x: auto;     
        
    }



    .tar_enebano_2{
        min-width:calc(100vw - 80px) ;
        max-width:calc(100vw - 81px) ;
        margin: 40px 20px;
        padding: 0px 0px 1px 0px;
        
        background-color: #222222;
        border-radius: 20px;
    }
    .contenido_enebano2_1{
        width: 100%;
        height: 200px;
        padding:  0px;
        border-radius: 20px 20px 0px 0px;
        margin: 0;
    }
    .imagen_lente2{
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0;
        object-fit: cover;
        animation-name: animacion_enebano2;
        animation-timing-function: ease-out;
        animation-fill-mode: both;
        animation-timeline: view();
        animation-range: entry 10vh cover 30vh; /* inicia cuando entra, termina cuando cubre 30% */ 
        border-radius: 20px 20px 0px 0px;
        opacity: 0;
    }

    
    @keyframes animacion_enebano2 {
        0% {
            opacity: 0;
        }
        100% {
            opacity: 1;
        }
    }



    .contenido_enebano2_2{
        width: 100%;
        padding: 0px 0px;
    }

    .titulo_div_enebano_new{
        width: calc(100% - 90px);
        background-color: #ffffff;
        padding: 10px 15px;
        margin: 0px 30px;
        border-radius: 50px;
        margin-top: -20px;
        position: relative;
        z-index: 1;
    }


    
    .titulo_enebano2{
        color: rgb(33, 33, 33);
        font-size: 1.3rem;
        line-height:1;
        font-weight: 600;
        padding: 0;
        text-align: center;
        
        margin:0;
        font-family: "Afacad Flux", sans-serif; 
        letter-spacing: 3px;
    }

    .descripcion_enebano2{
        color: rgb(199, 199, 199);
        font-size: 1.2rem;
        line-height:1;
        font-weight: 300;
        text-align: justify;
        margin: 30px 30px;
        
        font-family: "Afacad Flux", sans-serif; 
        
    }



  

    .contenedor_social {
        position: relative;
        min-height: 80vh;
        margin-left: -20px;
        width: calc(100% + 40px);  
        margin-top: 150px;
        padding: 0px 0px;
        animation-name: video_social;
        animation-timing-function: ease-out;
        animation-fill-mode: both;
        animation-timeline: view();
        animation-range: entry 20vh cover 40vh;
        background-color: #000;
        opacity: 0;
        
    }

    @keyframes video_social {
        0% {
            
            opacity: 0;
        }
        100% {
            
            opacity: 1;
        }
    }
      
    .video_fondo_social {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        z-index: 1;
        opacity: 0.3;
        background-color: #000;
    }


    .contenido_social {
        
        height: 100%;
        position: relative;
        z-index: 2;
        padding: 150px 0px;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }




    .titulo_social{
        color: rgb(255, 255, 255);
        font-size: 3rem;
        line-height:1.2;
        font-family: 'Enebano', sans-serif;
        text-align: center;
        margin: 0;

        animation-name: titulo_social_anim;
        animation-timing-function: ease-out;
        animation-fill-mode: both;
        animation-timeline: view();
        animation-range: entry 20vh cover 40vh;
        opacity: 0;
    }

    @keyframes titulo_social_anim {
        0% {
            letter-spacing: 7px;
            opacity: 0;
        }
        100% {
            letter-spacing: 0px;
            opacity: 1;
        }
    }

    .titulo_social_2{
        color: rgb(255, 255, 255);
        font-size: 2rem;
        line-height:1.2;
        font-family: 'Enebano_adelina', sans-serif;
        text-align: center;
        margin: 0;
        margin-top: -60px;
        padding: 40px;
        background: linear-gradient(0deg, #FFD700, #c68100, #ffbf00, #ffa200, #ffe138, #fdcf00, #FFD700, #ffffff);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;

        animation-name: titulo2_social_anim;
        animation-timing-function: ease-out;
        animation-fill-mode: both;
        animation-timeline: view();
        animation-range: entry 40vh cover 60vh;
        opacity: 0;
    }


    @keyframes titulo2_social_anim {
        0% {
            filter: brightness(1);
            transform: translatey(10px);
            opacity: 0;
        }
        50% {
            filter: brightness(3);
            transform: translatey(0px);
            opacity: 1;
        }
        100% {
            filter: brightness(1);
            transform: translatey(0px);
            opacity: 1;
        }
    }

    .descripcion_social{
        color: rgb(255, 255, 255);
        font-size: 1.2rem;
        line-height:1.2;
        font-family: "Enebano_vendya", serif;
        text-align: justify;
        margin: 0px 20px;
        letter-spacing: 2px;
        animation-name: descripcion_social_anim;
        animation-timing-function: ease-out;
        animation-fill-mode: both;
        animation-timeline: view();
        animation-range: entry 30vh cover 50vh;
        opacity: 0;
    }

    @keyframes descripcion_social_anim {
        0% {
            transform: translatey(100px);
            opacity: 0;
            
        }
        
        100% {
            transform: translatey(0px);
            opacity: 1;
            
        }
    }




    .galeria_enebano_social{
        width: 100%;
        max-height:90vh ;
        padding: 80px 0px 40px 0px;
        background-color: #ffffff00;
    }
    .imagenes_new_ta {
        width:100%;
        height:100%;
        object-fit:cover;
        border-radius: 15px;
    }
    .galeria_social{
        width: 100%;
        max-height: 60vh;
        display:grid;
        grid-template-columns:25% 30% 15% 25%;
        gap:15px;
        place-content: center;
        grid-template-rows:50% 50%;
      
            @include mQ(690px){
                height:6vh;  
            }
      
            @include mQ(470px){
                grid-template-columns:repeat(2,1fr);
                grid-template-rows: repeat(3, 35%);
            }
      
        .card{
            border-radius:25px;
            height: 100%;
            box-shadow: -2px 4px 15px rgb(0 0 0 / 26%);
            @include mQ(470px){
            grid-column:span 1; 
            }
            &:nth-child(2){
            grid-column:2/3;
            grid-row:span 2; 
                @include mQ(690px){
                    grid-column:span 1;
                    grid-row:span 1;
                }
            }
            &:nth-child(3){
            grid-column:span 2;
                @include mQ(690px){
                grid-column: 2/4;
                grid-row: 1/2;
                }
            }
      
            @include mQ(690px){
                &:nth-child(6){
                grid-column: 2/4;
                grid-row: 2/3;
                }
            }
        
            @include mQ(470px){  
                &:nth-child(5){
                grid-column:span 2;
                }
            }
        }
    }












    .servicios_sociales{
        display: flex;
        justify-content: space-evenly;
        align-items: center;
        flex-wrap: wrap;
    }
    .titulo_servicio_social{
        color: rgb(255, 255, 255);
        font-size:1.7rem;
        line-height:1.2;
        font-family: "Enebano_vendya", serif;
        text-align: center;
        margin: 5px 15px;
    }
    .descripcion_social_final{
        color: rgb(255, 255, 255);
        font-size: 1.2rem;
        line-height:1.2;
        font-family: "Enebano_vendya", serif;
        text-align: center;
        margin: 0;
        letter-spacing: 2px;
        margin-top: 100px;
    }






    .footer_enebano{
        width: 100%;
        
        padding: 150px 0px 0px 0px;
    }

    .divicion_foot_enebano{
    }

    .redes_txt_eneabano{
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 20px 0px;
    }
    .primer_tituolo_foot_enebano{
        color: rgb(255, 255, 255);
        font-size: 1.3rem;
        line-height:1;
        font-weight: 300;
        margin: 0;
        font-family: "Afacad Flux", sans-serif;
        text-align: center;
    }
    .redes_enebano{
        height: 20px;
        margin: 0px 5px;
    }







  


    /* Disenografico mobil*/    /* Disenografico mobil*/    /* Disenografico mobil*/    /* Disenografico mobil*/    /* Disenografico mobil*/    /* Disenografico mobil*/
    /* Disenografico mobil*/    /* Disenografico mobil*/    /* Disenografico mobil*/    /* Disenografico mobil*/    /* Disenografico mobil*/    /* Disenografico mobil*/

    .diseno_graf{
        width: calc(100% -40px);
        background-color: #4973ff;
        padding: 80px 20px 80px 20px;
        
    }

    .titulo_diseno_web{
        color: #132541;
        font-size: 2.5rem;
        line-height:1.2;
        font-weight: 500;
        margin: 0%;
        font-family: "Afacad Flux", sans-serif;
        text-align: center;
    }

    .parrafo_diseno_web{
        color: rgb(255, 255, 255);
        font-size: 1.3rem;
        line-height:1.2;
        font-weight: 300;
        text-align: justify;
        margin: 0;
        
        font-family: "Afacad Flux", sans-serif; 
    }
    .parrafo_diseno_web span{
        font-weight: 600;
    }


    .txt_plataformas_deseno_titulos{
        font-family: "Afacad Flux", sans-serif; 
        color: #4973ff;
        font-size: 1rem;
        line-height:1;
        font-weight: 400;
        margin: 0;
        
    }


    .btn_ver_deseno_titulos{
        padding: 7px  25px;
        background-color: #fff;
        border: 0;
        border-radius: 40px;
        color: #4973ff;
        font-size: 1.2rem;
        line-height:1;
        font-weight: 500;
        display: block;
        margin: auto;
        margin-top: px;
        font-family: "Afacad Flux", sans-serif; 
    }

    .btn_ver_deseno_titulos_web{display: none;}

    .imagen_wrapper_diseno {
        position: relative; /* contenedor relativo */
        overflow: clip;
        margin: 40px 0px;
        padding: 20px;
        width: calc(100% + 0px);
        margin-left: -20px;
        
    }

    .imagen_desño_grafico {
        width: calc(90% + 20px);
        animation-name: animacion_imagen_diseno;
        margin-left: 5%;
        animation-timing-function: ease-out;
        animation-fill-mode: both;
        animation-timeline: view();
        animation-range: entry 0% cover 30%; /* inicia cuando entra, termina cuando cubre 30% */
    }


    @keyframes animacion_imagen_diseno {
        0% {
            transform: translateX(100%);
            
        }
        100% {
            transform: translateX(0%);
            
        }
    }




    .tarjeta_div_cosas{
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 15px;
        background-color: rgb(255, 255, 255);
        margin: 3px;
        padding: 7px 15px;
        border-radius: 20px;
    }


    /* menu digital MOBIL */    /* menu digital MOBIL */    /* menu digital MOBIL */    /* menu digital MOBIL */    /* menu digital MOBIL */    /* menu digital MOBIL */
    /* menu digital MOBIL */    /* menu digital MOBIL */    /* menu digital MOBIL */    /* menu digital MOBIL */    /* menu digital MOBIL */    /* menu digital MOBIL */



    .menu_digital{
        width: calc(100% - 40px);
        padding: 50px 20px 50px 20px;
        background-color: #4973ff;
    }


    .contenedor1_menu_digital{
        width: 100%;   
    }
    .contenedor2_menu_digital{
        width: 100% ;
    }

   




    .titulo_menu_digital{
        color: #132541;
        font-size: 2.5em;
        line-height:1.2;
        font-weight: 500;
        margin: 0%;
        font-family: "Afacad Flux", sans-serif;
        text-align: center;
    }
    .parrafo_menu_digital{
        color: #ffffff;
        font-size: 1.4rem;
        line-height:1.2;
        font-weight: 300;
        text-align: justify;
        margin: 0;
        
        font-family: "Afacad Flux", sans-serif; 
    }
    .parrafo_menu_digital span{
        font-weight: 600;
    }

    .menu_digital_color{
        background-color: #132541;
    }

    .animacion_txt_menu_digital{
        animation-name: animacionmenu_digital_txt;
        
        animation-timing-function: ease-out;
        animation-fill-mode: both;
        animation-timeline: view();
        animation-range: entry 0vh cover 30vh;
        opacity: 0;
    }

    @keyframes animacionmenu_digital_txt {
        0% {
            transform: translatey(40%);
            opacity: 0;
        }
        100% {
            transform: translatey(0%);
            opacity: 1;
        }
    }




    .imagen_wrapper_Tarjeta_digital {
        position: relative; /* contenedor relativo */
        width: calc(100% + 20px);
        margin-left: -20px;
        overflow: clip;
        
        
    }



  
    .imagen_menu_digital_manos {
        width: 100%;
        max-width: calc(100vw - 20px);
        animation-name: animaciontarjetas_manosk;
        animation-timing-function: ease-out;
        animation-fill-mode: both;
        animation-timeline: view();
        animation-range: entry 0vh cover 50vh; /* inicia cuando entra, termina cuando cubre 30% */ 
    }
    

    .imagen_menu_digital_manos {
        position: absolute; /* permite encimarlas */
        top: 0;
        left: 0;
        object-fit: contain; /* ajusta bien dentro del espacio */
    }


    @keyframes animaciontarjetas_manosk {
        0% {
            transform: translateX(-90%);
            position: absolute;
        }
        100% {
            transform: translateX(0%);
            position: absolute;
        }
    }


    .btn_ver_mas_menudigital{
        padding: 7px  25px;
        background-color: #132541;
        border: 0;
        border-radius: 50px;
        color: rgb(255, 255, 255);
        font-size: 1.2rem;
        line-height:1;
        font-weight: 500;
        display: block;
        margin: auto;
        margin-top: 20px;
        
        font-family: "Afacad Flux", sans-serif; 
    }


    /* confinza web *//* confinza web *//* confinza web *//* confinza web *//* confinza web *//* confinza web *//* confinza web *//* confinza web */
    /* confinza web *//* confinza web *//* confinza web *//* confinza web *//* confinza web *//* confinza web *//* confinza web *//* confinza web */



    .confiansa{
        width: calc(100% -00px);
        padding: 70px 0px;
        background-color: #4973ff;

    }

    .titulo_confiansa{
        color: #ffffff;
        font-size: 1.4rem;
        line-height:1.2;
        font-weight: 300;
        text-align: center;
        margin: 20px;
        
        font-family: "Afacad Flux", sans-serif; 
    }

    .contenedor_logos{
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 40px;
        min-height: 120px;
    }

    .logo_empresas_confian{
        width: 80px;
        height: 80px;
        display: none; /* ocultar todos por defecto */
    }



    



}























/* Estilos solo para pantallas grandes (PC) *//* Estilos solo para pantallas grandes (PC) *//* Estilos solo para pantallas grandes (PC) */
/* Estilos solo para pantallas grandes (PC) *//* Estilos solo para pantallas grandes (PC) *//* Estilos solo para pantallas grandes (PC) */
/* Estilos solo para pantallas grandes (PC) *//* Estilos solo para pantallas grandes (PC) *//* Estilos solo para pantallas grandes (PC) */
/* Estilos solo para pantallas grandes (PC) *//* Estilos solo para pantallas grandes (PC) *//* Estilos solo para pantallas grandes (PC) */
/* Estilos solo para pantallas grandes (PC) *//* Estilos solo para pantallas grandes (PC) *//* Estilos solo para pantallas grandes (PC) */
/* Estilos solo para pantallas grandes (PC) *//* Estilos solo para pantallas grandes (PC) *//* Estilos solo para pantallas grandes (PC) */
@media (min-width: 768px) {
    
    section {
        width: calc(100% - 300px);
        padding: 50px 150px;
        padding-top: 120px;
        max-height: calc(100vh - 165px);
        display: flex;
        justify-content: center; /* centra horizontalmente (opcional) */
        align-items: center;     /* centra verticalmente */
        position: relative;
        max-height: calc(100vh - 165px);
        overflow: hidden; 
      }
      section .wave {
        position: absolute;
        left: 0;
        width: 100%;
        height: 100%;
        background: #4973ff;
        box-shadow: inset 0 0 50px rgba(0, 0, 0, 0.5);
        transition: 0.5s;
      }
      section .wave span {
        content: "";
        position: absolute;
        width: 2000px;
        height: 2000px;
        top: 0;
        left: 50%;
        transform: translate(-50%, -75%);
        background: #000;
      }
      .content {
        position: relative;
        z-index: 1;
        font-size: 4em;
        letter-spacing: 2px;
        color: #fff;
      }
      section .wave span:nth-child(1) {
        border-radius: 45%;
        background: rgba(20, 20, 20, 1);
        animation: animate 5s linear infinite;
      }
      
      section .wave span:nth-child(2) {
        border-radius: 40%;
        background: rgba(20, 20, 20, 0.5);
        animation: animate 10s linear infinite;
      }
      section .wave span:nth-child(3) {
        border-radius: 42.5%;
        background: rgba(20, 20, 20, 0.5);
        animation: animate 15s linear infinite;
      }
      @keyframes animate {
        0% {
          transform: translate(-50%, -75%) rotate(0deg);
        }
        100% {
          transform: translate(-50%, -75%) rotate(360deg);
        }
      }
  

    header{
        width: calc(100% - 300px);
        height: auto;
        background-color: rgba(0, 0, 0, 0.4);
        box-shadow: 0px 0px 20px #00000000;
        padding: 15px 150px;

        
    }

    .logo_1{
        width: 100px;
    }

    .hamburguesa_btn{
        width: 100px;
        background-color: #ff0000;
        border: 0;
        padding: 0;
        margin: 0;
        visibility: hidden;
        display: none;
    }

    .btn_rapidos_header{
        background-color: #ffffff00;
        color: rgb(255, 255, 255);
        font-size: 20px;
        border: 0;
        padding: 0 10px;
        margin: 0 20px;
        font-family: "Afacad Flux", sans-serif;
        visibility: visible;
        display: block;
        transition: color 0.3s ease, margin-top 0.3s ease;
    }

    .btn_rapidos_header:hover{
        color: #2165e5ff;
        margin-top: -5px;
    }
    
    nav{
        visibility: hidden;
        display: none;
    }
    
    .tarjeta1{
        width: calc(100% - 300px);
        padding: 50px 150px;
        max-height: calc(100vh - 165px);
        display: flex;
        justify-content: center; /* centra horizontalmente (opcional) */
        align-items: center;     /* centra verticalmente */
        
    }





    .tarjeta1_txt_imagen{
        display: flex;
        justify-content: space-around;
        align-items: center;
        
    }
    .anchura1{
        width: 50%;  
        max-height: 70vh;
       
    }
    .anchura2{
        width: 50%; 
    }

    .titulo_1_tarjetas{
        font-family: "Afacad Flux", sans-serif;
        color: rgb(255, 255, 255);
        font-size: 50px;
        line-height: 40px;
        font-weight: 300;
        margin: 0;
        padding: 0;
        text-align: left;

        animation-name: animacion2_PC;
        animation-duration: 2s;
        animation-delay: 1s; /* ← aquí se aplica el retraso */
        animation-fill-mode: forwards;
        opacity: 0;
    }

    @keyframes animacion2_PC {

        0% {
        transform: translateX(50%);
        opacity: 0;
        }
        100% {
        transform: translateX(0%);
        opacity: 1;
        
        }

    }









    .titulo_1_tarjetas samp{
        display: inline-block;
    white-space: pre-wrap;
        font-family: "Afacad Flux", sans-serif;
        color: rgb(255, 255, 255);
        font-size: 60px;
        line-height:40px;
        font-weight: 500;
        margin: 0;
        padding: 0;
    }
    .img_tarjeta1{
        width:100%;
        display: block;
        margin: 0;
        padding: 0;

        animation-name: animacion1_pc;
        animation-duration: 2s;
        animation-delay: 0.3s; /* ← aquí se aplica el retraso */
        animation-fill-mode: forwards;
        opacity: 0;
    }
    
    @keyframes animacion1_pc {

        0% {
        transform: translateY(50%);
        opacity: 0;
        }
        100% {
        transform: translateY(0%);
        opacity: 1;
        
        }

    }
   

    .btn_rapidos{
        background-color: rgba(33, 102, 229, 0);
        border: 0;
        padding: 8px 10px;
        color: rgb(255, 255, 255);
        font-size: 15px;
        line-height: 17px;
        font-weight: 300;
        margin: 0 10px;
        border-radius: 20px;
        transition: color 0.3s ease, margin-top 0.3s ease;
        transition: 0.3s ease;
    }

    .btn_rapidos:hover{
        margin-top: -15px;
        background-color: #fff;
        color: #2165e5ff ;
    }


    .btn_div_rapidos{
        width: calc(100% - 300px);
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 40px 150px 20px 150px;
        visibility: visible;

        animation-name: animacion1_pc;
        animation-duration: 2s;
        animation-delay: 2s; /* ← aquí se aplica el retraso */
        animation-fill-mode: forwards;
        opacity: 0;
    }

    .campanas_publicitarias{
        width: calc(100% - 300px);
        background-color: rgb(255, 255, 255);
        padding: 40px 150px;
        justify-content: center;
        overflow-x: hidden;
    
    }

    @keyframes campanas_publicitarias_scroll-content {
        0% {
          transform: translateX(0);
        }
        100% {
          transform: translateX(0%);
        }
    }

    .extras_elimitar_pc{
        display: none;
    }


    .tarejtas2{
        background-color: rgb(255, 255, 255);
        padding: 5vh 150px;
        width: calc(100% - 300px);
    }















    
    .webs{
        width: calc(100% - 150px);
        max-height: 100vh;
        padding: 50px 0px 50px 150px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .titulo_web{
        color: rgb(57, 57, 57);
        font-size: 4rem;
        line-height:1.2;
        font-weight: 500;
        margin: 0%;
        font-family: "Afacad Flux", sans-serif;
    }
    .parrafo_web{
        color: rgb(57, 57, 57);
        font-size: 1.4rem;
        line-height:1.2;
        font-weight: 300;
        text-align: justify;
        margin: 0;
        margin-right: 10px;
        font-family: "Afacad Flux", sans-serif; 
    }
    .parrafo_web span{
        font-weight: 600;
    }

    .imagen_wrapper {
        position: relative; /* contenedor relativo */
        height: 700px;
        max-height: 80vh;
        overflow: clip;
    }
    .imagen_web_mackbook {
        height: 100%;
        animation-name: animacionweb_mackbok;

        animation-timing-function: ease-out;
        animation-fill-mode: both;
        animation-timeline: view();
        animation-range: entry 0vh cover 50vh; /* inicia cuando entra, termina cuando cubre 30% */
        
    }
    .imagen_web_mobil {
        height: 70%;
        margin-top: 15%;
        animation-name: animacionweb_mobil;
        animation-timing-function: ease-out;
        animation-fill-mode: both;
        animation-timeline: view();
        animation-range: entry 0vh cover 40vh; /* inicia cuando entra, termina cuando cubre 30% */
        opacity: 1;
    }
    

    
    .imagen_web_mackbook,
    .imagen_web_mobil {
        position: absolute; /* permite encimarlas */
        top: 0;
        left: 0;
        object-fit: contain; /* ajusta bien dentro del espacio */
    }
    

    .contenedor1{
        width: 50%;   
    }
    .contenedor2{
        width: calc(50% + 150px);
    }
    
    @keyframes animacionweb_mackbok {
        0% {
            transform: translateX(90%);
            position: absolute;
        }
        100% {
            transform: translateX(10%);
            position: absolute;
        }
    }

    @keyframes animacionweb_mobil {
        0% {
            transform: translateX(100vh);
            opacity: 1;
        }
        100% {
            transform: translateX(5%);
            opacity: 1;
        }
    }
    
    .logo_plataformas_webs{
        width: 25px;
        height: auto;
        display: block;
        transform-style: preserve-3d; /* Necesario para efectos 3D */
        backface-visibility: hidden; /* Mejora el efecto 3D */
        
    }

    .txt_plataformas_webs_titulos{
        font-family: "Afacad Flux", sans-serif; 
        color: rgb(255, 255, 255);
        font-size: 1rem;
        line-height:1;
        font-weight: 400;
        margin: 0;
        margin-left: 10px;
    }
    .tarjeta_div_plataformas{
        display: flex;
        align-items: center;
        justify-content: start;
        margin-top: 15px;
        background-color: rgb(57, 57, 57);
        margin: 10px;
        padding: 7px 15px;
        border-radius: 20px;
    }
    .madre_plataformas{
        display: flex;
        justify-content: start;
        align-items: center;
        flex-wrap: wrap;
        margin-top: 15px;
    }
    .btn_ver_mas_web{
        padding: 7px  25px;
        background-color: #2165e5ff;
        border: 0;
        border-radius: 40px;
        color: rgb(255, 255, 255);
        font-size: 1.2rem;
        line-height:1;
        font-weight: 500;
        margin: 0;
        margin-right: 30px;
        float: right;
        font-family: "Afacad Flux", sans-serif; 
    }



    .animacion_txt_web{
        animation-name: animacionweb_txt;
        
        animation-timing-function: ease-out;
        animation-fill-mode: both;
        animation-timeline: view();
        animation-range: entry 0vh cover 50vh;
        opacity: 0;
    }

    @keyframes animacionweb_txt {
        0% {
            transform: translatey(40%);
            opacity: 0;
        }
        100% {
            transform: translatey(0%);
            opacity: 1;
        }
    }


    .btn_ver_mas_web_mobil{
        display: none;
    }
    







    /* Tarejeta diguital *//* Tarejeta diguital *//* Tarejeta diguital *//* Tarejeta diguital *//* Tarejeta diguital */


    .Tarjeta_digital{
        width: calc(100% - 150px);
        max-height: 100vh;
        padding: 50px 150px 50px 0px;
        display: flex;
        justify-content: center;
        align-items: center;
       
    }


    .contenedor1_Tarjeta_digital{
        width: 50%;   
    }
    .contenedor2_Tarjeta_digital{
        width: 50% ;
    }

   




    .titulo_Tarjeta_digital{
        color: rgb(57, 57, 57);
        font-size: 4rem;
        line-height:1.2;
        font-weight: 500;
        margin: 0%;
        font-family: "Afacad Flux", sans-serif;
    }
    .parrafo_Tarjeta_digital{
        color: rgb(57, 57, 57);
        font-size: 1.4rem;
        line-height:1.2;
        font-weight: 300;
        text-align: justify;
        margin: 0;
        margin-right: 10px;
        font-family: "Afacad Flux", sans-serif; 
    }
    .parrafo_Tarjeta_digital span{
        font-weight: 600;
    }



    .animacion_txt_Tarjeta_digital{
        animation-name: animacionTarjeta_digital_txt;
        
        animation-timing-function: ease-out;
        animation-fill-mode: both;
        animation-timeline: view();
        animation-range: entry 0vh cover 30vh;
        opacity: 0;
    }

    @keyframes animacionTarjeta_digital_txt {
        0% {
            transform: translatey(40%);
            opacity: 0;
        }
        100% {
            transform: translatey(0%);
            opacity: 1;
        }
    }




    .imagen_wrapper_Tarjeta_digital {
        position: relative; /* contenedor relativo */
        height: 700px;
        max-height: 80vh;
        overflow: clip;
        
    }



  
    .imagen_Tarjeta_digital_manos {
        height: 100%;
        max-width: calc(50vw - 150px);
        animation-name: animaciontarjetas_manosk;
        animation-timing-function: ease-out;
        animation-fill-mode: both;
        animation-timeline: view();
        animation-range: entry 0vh cover 50vh; /* inicia cuando entra, termina cuando cubre 30% */ 
    }
    

    .imagen_Tarjeta_digital_manos {
        position: absolute; /* permite encimarlas */
        top: 0;
        left: 0;
        object-fit: contain; /* ajusta bien dentro del espacio */
    }


    @keyframes animaciontarjetas_manosk {
        0% {
            transform: translateX(-90%);
            position: absolute;
        }
        100% {
            transform: translateX(0%);
            position: absolute;
        }
    }


    .btn_ver_mas_tarejta_digital{
        padding: 7px  25px;
        background-color: #4973ff;
        border: 0;
        border-radius: 50px;
        color: rgb(255, 255, 255);
        font-size: 1.2rem;
        line-height:1;
        font-weight: 500;
        margin: 0;
        margin-right: 30px;
        float: right;
        font-family: "Afacad Flux", sans-serif; 
    }




    /* ENEBANO *//* ENEBANO *//* ENEBANO *//* ENEBANO *//* ENEBANO *//* ENEBANO *//* ENEBANO *//* ENEBANO *//* ENEBANO *//* ENEBANO *//* ENEBANO */

    .enebano{
        width: calc(100% - 300px);
        
        padding: 0px 150px 70px 150px;
        background-color: #ffffff;

        animation-name: backgroun_enebano ;
        animation-timing-function: ease-out;
        animation-fill-mode: both;
        animation-timeline: view();
        animation-range: entry 0vh cover 60vh; /* inicia cuando entra, termina cuando cubre 30% */ 
        background: radial-gradient(circle, transparent 20%, #000000 20%, #000000 80%, transparent 80%, transparent), radial-gradient(circle, transparent 20%, #000000 20%, #000000 80%, transparent 80%, transparent) 25px 25px, linear-gradient(#161616 2px, transparent 2px) 0 -1px, linear-gradient(90deg, #161616 2px, #000000 2px) -1px 0;
        background-size: 50px 50px, 50px 50px, 25px 25px, 25px 25px;
        
    }

    


    .header_enebano {
        position: sticky;
        top: 0px; /* se queda flotando hasta ese punto */
        width: calc(100% + 00px);
        display: flex;
        justify-content: space-between;
        align-items: center;
        background: rgb(255, 255, 255);
        padding: 20px 150px;
        height: 36px;
        margin: 0px 0px 0px -150px;
        animation: aparecer 1s ease-out forwards;
        z-index: 3;
    }


    .logo_enebano{
        width: 150px;
        position: relative;
        margin: 0;
        padding: 0;

        opacity: 0;
        animation-name: header_enebano;
        animation-timing-function: ease-out;
        animation-fill-mode: both;
        animation-timeline: view();
        animation-range: entry 50vh cover 90vh; /* inicia cuando entra, termina cuando cubre 30% */ 
    }

    .txt_enebano{
        color: rgb(0, 0, 0);
        font-size: 1.2rem;
        line-height:1;
        font-weight: 300;
        margin: 0;
        font-family: "Six Caps", sans-serif;
        letter-spacing: 5px;
        opacity: 0;
        animation-name: header_enebano;
        animation-timing-function: ease-out;
        animation-fill-mode: both;
        animation-timeline: view();
        animation-range: entry 50vh cover 90vh; /* inicia cuando entra, termina cuando cubre 30% */ 
    }
    .btn_enebano_contactar{
        background-color: #000000;
        border-radius: 50px;
        border: 0;
        padding: 4px 15px;
        color: rgb(255, 255, 255);
        font-size: 1.2rem;
        line-height:1;
        font-weight: 500;
        margin: 0;
        font-family: "Afacad Flux", sans-serif;
        opacity: 0;
        animation-name: header_enebano;
        animation-timing-function: ease-out;
        animation-fill-mode: both;
        animation-timeline: view();
        animation-range: entry 50vh cover 90vh; /* inicia cuando entra, termina cuando cubre 30% */ 
        opacity: 0;
    }

    @keyframes header_enebano {
        0% {
            transform: translatey(20vh);
            opacity: 0;
        }
        100% {
            transform: translatey(0%);
            opacity: 1;
        }
    }

    
  
    .tar_enebano_1{
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-top: 80px;
        

    }
    .contenido_enebano_1{
        width: 40%;
        padding: 50px 0px;
        
    }

    .contenido_enebano_2{
        width: calc(60% - 100px);
        padding: 50px 50px;
    }

    .Imagen_enebano_1{
        width: 100%;
        padding: 50px 50px;
        
        
    }

    .imagen_lente{
        width: 100%;
        animation-name: animacion_enebano;
        animation-timing-function: ease-out;
        animation-fill-mode: both;
        animation-timeline: view();
        animation-range: entry 25vh cover 40vh; /* inicia cuando entra, termina cuando cubre 30% */ 
        opacity: 0;
    }
   
  
    @keyframes animacion_enebano {
        0% {
            opacity: 0;
        }
        100% {
            opacity: 1;
        }
    }
    .titulo_enebano{
        color: rgb(255, 255, 255);
        font-size: 4rem;
        line-height:1;
        font-weight: 600;
        margin: 0;
        margin-right: 30px;
        font-family: "Six Caps", sans-serif;
        letter-spacing: 3px;
        
    }
    .descripcion_enebano{
        color: rgb(255, 255, 255);
        font-size: 1.4rem;
        line-height:1.2;
        font-weight: 300;
        text-align: justify;
        margin: 0;
        margin-right: 10px;
        font-family: "Afacad Flux", sans-serif; 
        animation-name: animacionTarjeta_digital_txt;
        animation-timing-function: ease-out;
        animation-fill-mode: both;
        animation-timeline: view();
        animation-range: entry 0vh cover 50vh;
        opacity: 0;
    }



    .galeria_enebano{
        width: 100%;
        padding: 40px 0px;
    }
    .grid {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
        grid-auto-rows: 120px;
        gap: 10px;
      }
  
    .item {
        background: #ddd;
        border-radius: 8px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: bold;
        color: #333;
    }
    .cuadro {
        grid-column: span 1;
        grid-row: span 1;
        background-color: #ffadad;
        animation-name: Animacion_cuadro_enebano;
        animation-timing-function: ease-out;
        animation-fill-mode: both;
        animation-timeline: view();
        animation-range: entry 10vh cover 30vh;
        opacity: 0;
        background-position: center;     /* Centra la imagen */
        background-repeat: no-repeat;    /* No se repite */
        background-size: cover; 
    }
  
    @keyframes Animacion_cuadro_enebano {
        0% {
            transform: translateX(-100px);
            opacity: 0;  
        }
        100% {
            transform: translateX(0px);
            opacity: 1;
        }
    }






    .cuadrote {
        grid-column: span 2;
        grid-row: span 2;
        background-color: #910068;
        animation-name: Animacion_cuadrote_enebano;
        animation-timing-function: ease-out;
        animation-fill-mode: both;
        animation-timeline: view();
        animation-range: entry 10vh cover 30vh;
        opacity: 0;
        background-position: center;     /* Centra la imagen */
        background-repeat: no-repeat;    /* No se repite */
        background-size: cover; 
    }
  
    @keyframes Animacion_cuadrote_enebano {
        0% {
            transform: translatey(100px);
            opacity: 0;  
        }
        100% {
            transform: translatey(0px);
            opacity: 1;
        }
    }









    .horizontal {
        grid-column: span 2;
        grid-row: span 1;
        background-color: #caffbf;
        animation-name: Animacion_horizontal_enebano;
        animation-timing-function: ease-out;
        animation-fill-mode: both;
        animation-timeline: view();
        animation-range: entry 10vh cover 30vh;
        opacity: 0;
        background-position: center;     /* Centra la imagen */
        background-repeat: no-repeat;    /* No se repite */
        background-size: cover; 
    }
    @keyframes Animacion_horizontal_enebano {
        0% {
            transform: translateX(100px);
            opacity: 0;  
        }
        100% {
            transform: translateX(0px);
            opacity: 1;
        }
    }
    .vertical {
        grid-column: span 1;
        grid-row: span 2;
        background-color: #ffd6a5;
        animation-name: Animacion_vertical_enebano;
        animation-timing-function: ease-out;
        animation-fill-mode: both;
        animation-timeline: view();
        animation-range: entry 10vh cover 30vh;
        opacity: 0;
        background-position: center;     /* Centra la imagen */
        background-repeat: no-repeat;    /* No se repite */
        background-size: cover; 
    }
    @keyframes Animacion_vertical_enebano {
        0% {
            transform: translatey(100px);
            opacity: 0;
            
        }
        100% {
            transform: translatey(0px);
            opacity: 1;
            
        }
    }
    #foto_ene_1{
        background-image: url('../enebano/cuadrada1.jpg');   
    }
    #foto_ene_2{
        background-image: url('../enebano/cuadrada2.jpg');   
    }







    
    .tarjetas_fotos_diferentes{
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;    
    }


    .tar_enebano_2{
        width:calc(50% - 40px) ;
        margin: 20px;
        padding: 0px 0px 0px 0px;
        
        background-color: #222222;
        border-radius: 20px;
    }
    .contenido_enebano2_1{
        width: 100%;
        height: 200px;
        padding:  0px;
        border-radius: 20px 20px 0px 0px;
        margin: 0;
    }
    .imagen_lente2{
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0;
        object-fit: cover;
        animation-name: animacion_enebano2;
        animation-timing-function: ease-out;
        animation-fill-mode: both;
        animation-timeline: view();
        animation-range: entry 10vh cover 30vh; /* inicia cuando entra, termina cuando cubre 30% */ 
        border-radius: 20px 20px 0px 0px;
        opacity: 0;
    }

    
    @keyframes animacion_enebano2 {
        0% {
            opacity: 0;
        }
        100% {
            opacity: 1;
        }
    }



    .contenido_enebano2_2{
        width: 100%;
        padding: 0px 0px;
    }

    .titulo_div_enebano_new{
        width: calc(100% - 90px);
        background-color: #ffffff;
        padding: 10px 15px;
        margin: 0px 30px;
        border-radius: 50px;
        margin-top: -20px;
        position: relative;
        z-index: 1;
    }


    
    .titulo_enebano2{
        color: rgb(33, 33, 33);
        font-size: 1.3rem;
        line-height:1;
        font-weight: 600;
        padding: 0;
        text-align: center;
        
        margin:0;
        font-family: "Afacad Flux", sans-serif; 
        letter-spacing: 3px;
    }

    .descripcion_enebano2{
        color: rgb(199, 199, 199);
        font-size: 1.2rem;
        line-height:1;
        font-weight: 300;
        text-align: justify;
        margin: 30px 30px;
        
        font-family: "Afacad Flux", sans-serif; 
        
    }


    

    

    
   
  
    
   
    


  

    .contenedor_social {
        position: relative;
        margin-left: -150px;
        width: calc(100% - 0px);  
        margin-top: 150px;
        padding: 0px 150px;
        animation-name: video_social;
        animation-timing-function: ease-out;
        animation-fill-mode: both;
        animation-timeline: view();
        animation-range: entry 20vh cover 40vh;
        opacity: 0;
        background-color: #000;
    }

    @keyframes video_social {
        0% {
            
            opacity: 0;
        }
        100% {
            
            opacity: 1;
        }
    }
      
    .video_fondo_social {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        z-index: 1;
        opacity: 0.3;
    }


    .contenido_social {
        
        height: 100%;
        position: relative;
        z-index: 2;
        padding: 150px 0px;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }




    .titulo_social{
        color: rgb(255, 255, 255);
        font-size: 6rem;
        line-height:1.2;
        font-family: 'Enebano', sans-serif;
        text-align: center;
        margin: 0;

        animation-name: titulo_social_anim;
        animation-timing-function: ease-out;
        animation-fill-mode: both;
        animation-timeline: view();
        animation-range: entry 30vh cover 50vh;
        opacity: 0;
    }

    @keyframes titulo_social_anim {
        0% {
            letter-spacing: 10px;
            opacity: 0;
        }
        100% {
            letter-spacing: 0px;
            opacity: 1;
        }
    }

    .titulo_social_2{
        color: rgb(255, 255, 255);
        font-size: 3rem;
        line-height:1.2;
        font-family: 'Enebano_adelina', sans-serif;
        text-align: center;
        margin: 0;
        margin-top: -80px;
        padding: 40px;
        background: linear-gradient(0deg, #FFD700, #c68100, #ffbf00, #ffa200, #ffe138, #fdcf00, #FFD700, #ffffff);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;

        animation-name: titulo2_social_anim;
        animation-timing-function: ease-out;
        animation-fill-mode: both;
        animation-timeline: view();
        animation-range: entry 30vh cover 50vh;
        opacity: 0;
    }


    @keyframes titulo2_social_anim {
        0% {
            filter: brightness(1);
            opacity: 0;
        }
        50% {
            filter: brightness(3);
            opacity: 1;
        }
        100% {
            filter: brightness(1);
            opacity: 1;
        }
    }

    .descripcion_social{
        color: rgb(255, 255, 255);
        font-size: 1.6rem;
        line-height:1.2;
        font-family: "Enebano_vendya", serif;
        text-align: center;
        margin: 0;
        letter-spacing: 2px;
        animation-name: descripcion_social_anim;
        animation-timing-function: ease-out;
        animation-fill-mode: both;
        animation-timeline: view();
        animation-range: entry 30vh cover 50vh;
        opacity: 0;
    }

    @keyframes descripcion_social_anim {
        0% {
            transform: translatey(100px);
            opacity: 0;
            
        }
        
        100% {
            transform: translatey(0px);
            opacity: 1;
            
        }
    }













    
    .galeria_enebano_social{
        width: 100%;
        max-height:90vh ;
        padding: 80px 0px 40px 0px;
        background-color: #ffffff00;
    }
    .imagenes_new_ta {
        width:100%;
        height:100%;
        object-fit:cover;
        border-radius: 15px;
    }
    .galeria_social{
        width: 100%;
        max-height: 60vh;
        display:grid;
        grid-template-columns:25% 30% 15% 25%;
        gap:15px;
        place-content: center;
        grid-template-rows:50% 50%;
      
            @include mQ(690px){
                height:6vh;  
            }
      
            @include mQ(470px){
                grid-template-columns:repeat(2,1fr);
                grid-template-rows: repeat(3, 35%);
            }
      
        .card{
            border-radius:25px;
            height: 100%;
            box-shadow: -2px 4px 15px rgb(0 0 0 / 26%);
            @include mQ(470px){
            grid-column:span 1; 
            }
            &:nth-child(2){
            grid-column:2/3;
            grid-row:span 2; 
                @include mQ(690px){
                    grid-column:span 1;
                    grid-row:span 1;
                }
            }
            &:nth-child(3){
            grid-column:span 2;
                @include mQ(690px){
                grid-column: 2/4;
                grid-row: 1/2;
                }
            }
      
            @include mQ(690px){
                &:nth-child(6){
                grid-column: 2/4;
                grid-row: 2/3;
                }
            }
        
            @include mQ(470px){  
                &:nth-child(5){
                grid-column:span 2;
                }
            }
        }
    }








    



    

    .servicios_sociales{
        display: flex;
        justify-content: space-evenly;
        align-items: center;
    }
    .titulo_servicio_social{
        color: rgb(255, 255, 255);
        font-size: 2.2rem;
        line-height:1.2;
        font-family: "Enebano_vendya", serif;
        text-align: center;
        margin: 5px 15px;
    }
    .descripcion_social_final{
        color: rgb(255, 255, 255);
        font-size: 1.6rem;
        line-height:1.2;
        font-family: "Enebano_vendya", serif;
        text-align: center;
        margin: 0;
        letter-spacing: 2px;
        margin-top: 100px;
    }












    .footer_enebano{
        width: 100%;
        display: flex;
        justify-content: space-evenly;
        align-items: center;
        padding: 150px 0px 0px 0px;
    }

    .divicion_foot_enebano{
    }

    .redes_txt_eneabano{
        display: flex;
        justify-content: space-evenly;
        align-items: center;
    }
    .primer_tituolo_foot_enebano{
        color: rgb(255, 255, 255);
        font-size: 2rem;
        line-height:1;
        font-weight: 300;
        margin: 0;
        font-family: "Afacad Flux", sans-serif;
        text-align: center;
    }
    .redes_enebano{
        height: 23px;
        margin: 0px 10px;
    }



    /* Disenografico web */    /* Disenografico web */    /* Disenografico web */    /* Disenografico web */    /* Disenografico web */    /* Disenografico web */
    /* Disenografico web */    /* Disenografico web */    /* Disenografico web */    /* Disenografico web */    /* Disenografico web */    /* Disenografico web */ 

    .diseno_graf{
        width: calc(100% -150px);
        background-color: #4973ff;
        padding: 50px 0px 50px 150px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .titulo_diseno_web{
        color: #132541;
        font-size: 4rem;
        line-height:1.2;
        font-weight: 500;
        margin: 0%;
        font-family: "Afacad Flux", sans-serif;
    }

    .parrafo_diseno_web{
        color: rgb(255, 255, 255);
        font-size: 1.4rem;
        line-height:1.2;
        font-weight: 300;
        text-align: justify;
        margin: 0;
        margin-right: 10px;
        font-family: "Afacad Flux", sans-serif; 
    }
    .parrafo_diseno_web span{
        font-weight: 600;
    }

   

    .txt_plataformas_deseno_titulos{
        font-family: "Afacad Flux", sans-serif; 
        color: #4973ff;
        font-size: 1rem;
        line-height:1;
        font-weight: 400;
        margin: 0;
        
    }


    .btn_ver_deseno_titulos{
        padding: 7px  25px;
        background-color: #fff;
        border: 0;
        border-radius: 40px;
        color: #4973ff;
        font-size: 1.2rem;
        line-height:1;
        font-weight: 500;
        margin: 0;
        margin-top: 50px;
        margin-right: 30px;
        float: right;
        font-family: "Afacad Flux", sans-serif; 
    }

    .btn_ver_deseno_titulos_mobil{display: none;}

    .imagen_wrapper_diseno {
        position: relative; /* contenedor relativo */
        overflow: clip;
        margin: 0px 0px;
        padding: 0px;
        width: calc(100% + 0px);
        margin-left: 0px;
        
        
    }

    .imagen_desño_grafico {
        width: calc(90% + 20px);
        animation-name: animacion_imagen_diseno;
        margin-left: 5%;
        animation-timing-function: ease-out;
        animation-fill-mode: both;
        animation-timeline: view();
        animation-range: entry 0% cover 30%; /* inicia cuando entra, termina cuando cubre 30% */
    }


    @keyframes animacion_imagen_diseno {
        0% {
            transform: translateX(100%);
            
        }
        100% {
            transform: translateX(0%);
            
        }
    }

    .tarjeta_div_cosas{
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 15px;
        background-color: rgb(255, 255, 255);
        margin: 3px;
        padding: 7px 15px;
        border-radius: 20px;
    }













    /* menu digital web */    /* menu digital web */    /* menu digital web */    /* menu digital web */    /* menu digital web */    /* menu digital web */
    /* menu digital web */    /* menu digital web */    /* menu digital web */    /* menu digital web */    /* menu digital web */    /* menu digital web */


    .menu_digital{
        width: calc(100% - 150px);
        max-height: 100vh;
        padding: 50px 150px 50px 0px;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #4973ff;
       
    }


    .contenedor1_menu_digital{
        width: 50%;   
    }
    .contenedor2_menu_digital{
        width: 50% ;
    }

   




    .titulo_menu_digital{
        color: #132541;
        font-size: 4rem;
        line-height:1.2;
        font-weight: 500;
        margin: 0%;
        font-family: "Afacad Flux", sans-serif;
    }
    .parrafo_menu_digital{
        color: #ffffff;
        font-size: 1.4rem;
        line-height:1.2;
        font-weight: 300;
        text-align: justify;
        margin: 0;
        margin-right: 10px;
        font-family: "Afacad Flux", sans-serif; 
    }
    .parrafo_menu_digital span{
        font-weight: 600;
    }

    .menu_digital_color{
        background-color: #132541;
    }

    .animacion_txt_menu_digital{
        animation-name: animacionmenu_digital_txt;
        
        animation-timing-function: ease-out;
        animation-fill-mode: both;
        animation-timeline: view();
        animation-range: entry 0vh cover 30vh;
        opacity: 0;
    }

    @keyframes animacionmenu_digital_txt {
        0% {
            transform: translatey(40%);
            opacity: 0;
        }
        100% {
            transform: translatey(0%);
            opacity: 1;
        }
    }




    .imagen_wrapper_Tarjeta_digital {
        position: relative; /* contenedor relativo */
        height: 700px;
        max-height: 80vh;
        overflow: clip;
        
    }



  
    .imagen_menu_digital_manos {
        height: 100%;
        max-width: calc(50vw - 150px);
        animation-name: animaciontarjetas_manosk;
        animation-timing-function: ease-out;
        animation-fill-mode: both;
        animation-timeline: view();
        animation-range: entry 0vh cover 50vh; /* inicia cuando entra, termina cuando cubre 30% */ 
    }
    

    .imagen_menu_digital_manos {
        position: absolute; /* permite encimarlas */
        top: 0;
        left: 0;
        object-fit: contain; /* ajusta bien dentro del espacio */
    }


    @keyframes animaciontarjetas_manosk {
        0% {
            transform: translateX(-90%);
            position: absolute;
        }
        100% {
            transform: translateX(0%);
            position: absolute;
        }
    }


    .btn_ver_mas_menudigital{
        padding: 7px  25px;
        background-color: #132541;
        border: 0;
        border-radius: 50px;
        color: rgb(255, 255, 255);
        font-size: 1.2rem;
        line-height:1;
        font-weight: 500;
        margin: 0;
        margin-right: 30px;
        float: right;
        font-family: "Afacad Flux", sans-serif; 
    }



/* confinza web *//* confinza web *//* confinza web *//* confinza web *//* confinza web *//* confinza web *//* confinza web *//* confinza web */
/* confinza web *//* confinza web *//* confinza web *//* confinza web *//* confinza web *//* confinza web *//* confinza web *//* confinza web */



    .confiansa{
        width: calc(100% -00px);
        padding: 120px 0px;
        background-color: #4973ff;

    }

    .titulo_confiansa{
        color: #ffffff;
        font-size: 2.2rem;
        line-height:1.2;
        font-weight: 300;
        text-align: center;
        margin: 0;
        margin-bottom: 40px;
        font-family: "Afacad Flux", sans-serif; 
    }

    .contenedor_logos{
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 40px;
        min-height: 140px;
    }

    .logo_empresas_confian{
        width: 100px;
        height: 100px;
        display: none; /* ocultar todos por defecto */
    }




    




  }