@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,300;0,700;1,300;1,700&family=Splash&display=swap');
/*    font-family: 'Raleway', sans-serif;
    font-family: 'Splash', cursive;*/


/*textos*/
strong{
    font-weight: bolder !important;
}
h1{
    font-family: 'Raleway', sans-serif;
    font-weight: bolder;
    font-size: 45pt;
    color: rgb(255, 255, 255);
}
h2{
    font-family: 'Raleway', sans-serif;
    color: rgb(255, 255, 255);
}
h3{
    font-family: 'Raleway', sans-serif;
    color: rgb(142, 84, 10)!important;
}
h5,h6{
    font-family: 'Raleway', sans-serif;
    color: darkgoldenrod;
} 
p{
    font-family: 'Raleway', sans-serif;
    font-weight: 300;
    color: white;
}
.titulo1{
    font-family: 'Pinyon Script', cursive;
    font-weight: bolder;
}
.nav-link{
    font-family: 'Raleway', sans-serif;
    font-size: larger;
    
}
.nav-link:hover{
    color: rgb(142, 84, 10)!important;
}
i{
    color: darkgoldenrod;
    font-size: xx-large;
}
i:hover{
    animation:  shake 1.8s  ;
}
a{
    color: rgb(255, 255, 255);
    text-decoration: none;
}
a:hover{
    color:brown;
}
li{
    font-family: 'Raleway', sans-serif;
    background: transparent;
    color: white;
}
.justificado{
    text-align: justify;
}
.autor{
    font-size: x-small;
}

/* secciones*/

footer{
    color: rgb(0, 0, 0);
}

#foot_md{   
    font-size: xx-large;
}

body{
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5)), url(../images/AdobeStock_221087173.jpeg);
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 400px;
    background-attachment: fixed;
}
.fondos{
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 1)), url(../images/fondo4.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed
;
}
.pueblos{
    min-height: 20rem;
}
.formulario{
    background-image: linear-gradient(
  45deg,
  hsl(140deg 35% 18%) 0%,
  hsl(129deg 32% 20%) 11%,
  hsl(116deg 30% 22%) 22%,
  hsl(103deg 35% 23%) 33%,
  hsl(92deg 40% 23%) 44%,
  hsl(83deg 45% 23%) 56%,
  hsl(75deg 51% 24%) 67%,
  hsl(67deg 56% 24%) 78%,
  hsl(61deg 61% 24%) 89%,
  hsl(55deg 68% 26%) 100%
);
    border-radius: 20px;
    opacity: 75%;
}
.botonsubir:hover{
    opacity: 75%;
    scale: 125%;
}
.redondo{
    border-radius: 20px;
}
.redondo2{
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}
.cookies {
    position: fixed;
    top: 85%;
    z-index: 99999;
    float: right;
    }
.redes-flotantes {
    position: fixed;
    right: 8px;
    top: 80%;
    z-index: 20;
    }

    .redes-flotantes img {
    float: right; clear: left;
     margin: 10px;
    -moz-transform: scale(.8) ;
    -webkit-transform: scale(.8) ;
    -o-transform: scale(.8) ;
    -ms-transform: scale(.8) ;
    transform: scale(.8) ;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    }
    .redes-flotantes img:hover {
    -moz-transform: scale(1.1) rotate(6deg);
    -webkit-transform: scale(1.1) rotate(6deg);
    -o-transform: scale(1.1) rotate(6deg);
    -ms-transform: scale(1.1) rotate(6deg);
    transform: scale(1.1) rotate(6deg);
    }
    .rotates {
        -moz-transform: scale(1.1) rotate(6deg);
        -webkit-transform: scale(1.1) rotate(6deg);
        -o-transform: scale(1.1) rotate(6deg);
        -ms-transform: scale(1.1) rotate(6deg);
        transform: scale(1.1) rotate(6deg);
        }

.redes-flotantesmd {
    position: fixed;
    left: 8px;
    top: 50%;
    z-index: 20;
    }
        
            .redes-flotantesmd img {
            float: right; clear: left;
             margin: 10px;
            -moz-transform: scale(.8) ;
            -webkit-transform: scale(.8) ;
            -o-transform: scale(.8) ;
            -ms-transform: scale(.8) ;
            transform: scale(.8) ;
            -webkit-transition: all .2s ease-in-out;
            -moz-transition: all .2s ease-in-out;
            -o-transition: all .2s ease-in-out;
            transition: all .2s ease-in-out;
            }
            .redes-flotantesmd img:hover {
            -moz-transform: scale(1.1) rotate(6deg);
            -webkit-transform: scale(1.1) rotate(6deg);
            -o-transform: scale(1.1) rotate(6deg);
            -ms-transform: scale(1.1) rotate(6deg);
            transform: scale(1.1) rotate(6deg); 
            }       
.arriba{
    z-index: 25;
}



/* animaciones*/
.animate__animated.animate__fadeIn{
    --animate-duration: 5s;
    --animate-delay: 0.9s;
}
animate__animated.animate__backInRight{
    --animate-duration: 5s;
    --animate-delay: 3s;
}