.color_texto{
    color: aliceblue;
}
.logo6{
    width: 100px;
    border-radius: 50%;
}

@keyframes cambiacolor{
    0%{
        color: yellow;
    }
    50%{
        color: brown;
        
    }
    100%{
        color: green;
    }

}


.animacion{
    
    animation: cambiacolor 1s ease infinite alternate;
}
a:hover{
    color:rgb(0, 255, 34);
    cursor: pointer; /* pone el cursor de la manito*/
}
h1{
    color: rgb(42, 165, 83);
    font-size: 40px;
    font-family: 'Open Sans', sans-serif;
    
}
.logopan{
    font-size: 10px;
    border-radius: 50%;
}
.titulo{
    text-align: center;
    align-items: center;
}
.logo3{
    border-radius: 0%;
    width: 100%;
    height:10%;
}
.ancho{
    border-radius: 0%;
    width: 100%;
    
}



@keyframes cambiacolor{
    0%{
        color: yellow;
    }
    50%{
        color: brown;
        
    }
    100%{
        color: green;
    }

}

.animacion{
    
    animation: cambiacolor 1s ease infinite alternate;
}
.textoTitulo{
    font-size: 30px;
    animation: cambiacolor 1s ease infinite alternate;
}

.paginas a:hover{
    color:rgb(0, 255, 34);
    /*cursor: pointer; /* pone el cursor de la manito*/
}
@media screen and (max-width: 767px) {

    .fixed-top {
        position: static !important; /* desactiva fixed-top en dispositivos celulares*/
    }
   #primera{
        text-align: center;
    }

    #escu{
        text-align: center;
    }

    #escu2{
       
        width: 50px;
        border-radius: 50%;
             
    }
    #todos{
        text-align: center;
        font-size: small;
    }
    #iconos2{
        text-align: center;
    }
    .alinear{
        justify-content: center;
        display: flex;
        align-items: center;
    }
    .ubi{
            max-width: 300px;
    }
}   



#escu2{
    /* border-radius: 50%; */
    width: 80px;
    height: 80px;
}

 /*es para justificar los textos */

.texto2 {
    align-items: justify;
    text-align: justify;
    
    }
a:hover{
    color:rgb(0, 255, 34);
    /*cursor: pointer; /* pone el cursor de la manito*/
}

.carousel-item {
    /* transition: opacity 0.6s ease-in-out; */
    transition: duration linear;
  }

 #fondocontacto {
    background-image: url('../img/aduana/fondo4.jpg'); /* Reemplaza con la ruta de tu imagen */
    background-size: cover;
    background-position: center center;
    background-attachment: fixed; /* Para mantener la imagen fija mientras se desplaza */
}


#fondogachy {
    background-image: url('../img/aduana/imagen1.jpg'); /* Cambia 'ruta/de/tu/imagen.jpg' por la ruta correcta de tu imagen */
    background-size: cover;
    background-position: center;
}

#fondojuan {
    background-image: url('../img/aduana/imagenjuan2.jpg'); /* Cambia 'ruta/de/tu/imagen.jpg' por la ruta correcta de tu imagen */
    background-size: cover;
    background-position: center;
}

#fondovideos {
    background-image: url('../img/aduana/imagen50.jpg'); /* Cambia 'ruta/de/tu/imagen.jpg' por la ruta correcta de tu imagen */
    background-size: cover;
    background-position: center;
}