.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;
       flex-direction: column;
    }
    #todos{
        text-align: center;
        font-size: small;
    }
    #iconos2{
        text-align: center;
    }
    .alinear{
        justify-content: center;
        display: flex;
        align-items: center;
    }
    .ubi{
            max-width: 300px;
    }

    #cuadro{
        display:grid;
    }
    #lugar-y-fecha{
        display:grid;

    }
}   



#escu2{
    border-radius: 50%;
}

 /*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*/
}
#margenarriba{
   /* padding-top: 70px;*/
}

#margenarriba2{
    padding-top: 60px;
}