@import url('https://fonts.googleapis.com/css2?family=Titillium+Web:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Alata&display=swap');

body {margin:0 auto; padding: 0; font-family: 'Alata', sans-serif; /*font-family: 'Titillium Web', sans-serif;*/}
.contenido{width:100%; height: auto; margin:0 auto; padding: 0;}

contenedor h2{text-transform:uppercase; font-size: 2.1em;}

#seccion-dos{width:100%; height: auto; margin: 0 0 20px 0; padding:20px 0 40px 0; box-sizing: border-box; text-align: center; background-image: url(../images/backg-sd.png); background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover;}
#seccion-dos article{display:inline-block; vertical-align: top; width:30%; max-width: 400px; padding: 0 20px; box-sizing: border-box;}
#seccion-dos img{width:100%; height: auto; margin:0 auto; padding: 20px 5px;}
#seccion-dos article div:nth-child(1){text-align: center;}
#seccion-dos article div:nth-child(2){text-align: left;}
#seccion-dos article:nth-child(2){margin: 100px 0 20px 0;}
#seccion-dos article:nth-child(3){margin-top: 45px;}
#seccion-dos h2{font-size: 1.5em;}
#seccion-dos p{font-weight: 400;}


@media (max-width:720px){
    #seccion-dos{background-image: url(../images/backg-sd.png); background-attachment: fixed; background-position: center; background-repeat: repeat-y; background-size: contain;}
    #seccion-dos article{display:block; vertical-align: top; width:90%; max-width: 400px; padding: 0 20px; box-sizing: border-box;}
}

.form-uno{width:100%; height: auto; padding:50px; box-sizing: border-box; margin:0 auto; text-align: center;}
.form-uno section article:nth-child(2){width:100%; text-align: center;}
.form-uno input, .form-uno button{width: 25%; padding: 10px; height: 20px; box-sizing: content-box; border: none; border-bottom: solid 1px rgba(0,0,0,0.2); margin: 20px; font-size: 19px; max-width: 350px;}
.form-uno input:hover{transition: all .5s; transform: scaleX(1.1);}
.form-uno input:focus{border-bottom: solid 2px #ad874e; outline: none; transition: all .5s; transform: scaleX(1.1);}
.form-uno button{border-radius: 10px;}
.form-uno button:hover{background-color: #000; transition: all .5s; color:#fff; outline: none; transform: scaleX(1.1);}
.form-uno button:focus{background-color: rgba(0,0,0,0.4); transition: all .5s; color:#fff; outline: none;}

.form-uno a{color:#fff; background-color: #000; border-radius:20px  10px; padding:10px; box-sizing: border-box; text-decoration: none;}
.form-uno a:hover{color:#000; background-color: rgba(0,0,0,0.3); border-radius:20px  10px; padding:10px; box-sizing: border-box; text-decoration: none; transition: all .5s;}



#seccion-tres{width: 100%; height:auto; padding:100px 50px; box-sizing: border-box; background-color: #fff; margin:20px 0; background-image: url(../images/slider1.jpg); background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover;}
#seccion-tres section{width:80%;}
#seccion-tres article{width:100%; height: auto; display: block;}
#seccion-tres article:nth-child(1){border-bottom: solid 1px rgb(127,87,78, 0.6); margin:10px 0; padding: 10px 0; box-sizing: border-box; max-width:300px;}
#seccion-tres article:nth-child(2){font-size: 15px;}
#seccion-tres article p{width:50%;}

#contacto{width:100%; height: auto; margin:0 auto; padding:0;}
.contacto{width:100%; height: auto; padding:50px 0 0 0; box-sizing: border-box; text-align: center;}
.contacto article{width:30%; height: auto; padding: 0; margin:0; display: inline-block; vertical-align: top;}

.form-dos input, .form-dos button, .form-dos textarea{width: 100%; padding: 10px; height: 20px; box-sizing: content-box; border: none; border-bottom: solid 1px rgba(0,0,0,0.2); margin: 20px; font-size: 19px; max-width: 550px;}
.form-dos input:hover, .form-dos textarea:hover{transition: all .5s; transform: scaleX(1.1);}
.form-dos input:focus, .form-dos textarea:focus{border-bottom: solid 2px #ad874e; outline: none; transition: all .5s; transform: scaleX(1.1);}
.form-dos textarea{min-height: 100px;}
.form-dos button{border-radius: 10px;}
.form-dos button:hover{background-color: #000; transition: all .5s; color:#fff; outline: none; transform: scaleX(1.1);}
.form-dos button:focus{background-color: rgba(0,0,0,0.4); transition: all .5s; color:#fff; outline: none;}

.contacto h2{text-align: left; text-transform: uppercase;}
.contacto span{display:block; text-align: left; padding: 20px 0; box-sizing: border-box; font-size: 1.3em;}
.contacto span img{width:20px; height: auto; vertical-align: bottom;}

.contacto span a{color:#000; text-decoration: none;}
.contacto span a:hover{color:rgba(0,0,0,0.6); transition: all .5s;}

#contacto iframe{box-shadow: 0 7px 7px rgba(0,0,0,0.2);}

footer{width:100%; height: auto; margin:0 auto; text-align: center; padding: 50px 10px 20px 10px; box-sizing: border-box; background-color: rgba(0,0,0,0.1);}
footer a{color:#000; text-decoration: none;}
footer a:hover{color:rgba(0,0,0,0.6); transition: all .5s;}
footer section{width:100%; height: auto; margin:0 auto; padding:0;}
footer section article{display:inline-block; vertical-align: top;}
footer section:nth-child(1) article{width:33%;}
footer section:nth-child(2) article{width:49%;}
footer ul{list-style: none; text-transform: uppercase;}
footer ul li{display: inline-block; padding: 0 10px 0 5px;}
.logo-footer{width:150px; height: auto;}
.fb{width:40px; height: auto; vertical-align: middle; margin: 0 20px;}
.instagram{width:40px; height: auto; vertical-align: middle;}
.barra-v{border-right: solid 1px rgba(0,0,0,0.5);}
.buro{width:100%; max-width:500px; height: auto;}
.izquierda{text-align: left;}
.derecha{text-align: right;}
.centro{text-align: center;}


#enviado {background-color: rgba(255,255,255,0.95); color: #232323; padding: 0; margin:0 auto; position: fixed; bottom: 0px; width: 100%; height: auto; z-index: 100000; text-align: center; justify-content: center; align-content: center;}
#enviado p{width:95%; padding:20px 0; margin:0 auto; font-weight: normal; font-size: 1rem;}
#enviado button {color: #626262; padding: 10px 20px; border-radius: 10px; background-color: rgba(255,255,255,0.2); border: solid 2px #939393; box-sizing: border-box; text-transform: uppercase; margin-bottom: 10px;}

#enviado button:hover{color:#D10B0B; border: solid 2px #D10B0B; background-color: rgba(255,255,255,0.8); transition: ease .5s all;}



@media only screen and (max-width: 880px) {
    
    
    .form-uno input, .form-uno button{width: 100%; padding: 10px 0; height: 20px; box-sizing: content-box; border: none; border-bottom: solid 1px rgba(0,0,0,0.2); margin: 20px auto; font-size: 19px; max-width: 350px;}
    #seccion-tres section{width:100%; background-color:rgba(255,255,255,0.8);}
    #seccion-tres article p{width:90%;}
    #seccion-tres{width: 100%; height:auto; padding:100px 10px;}
    
    .contacto article{width:90%; height: auto; padding: 0; margin:0 auto; display: block;}
    .form-dos{width:100%; box-sizing: border-box;}
    .form-dos input, .form-dos button, .form-dos textarea{width: 100%; padding: 10px 0; height: 20px; box-sizing: content-box; border: none; border-bottom: solid 1px rgba(0,0,0,0.2); margin: 20px 0; font-size: 19px; max-width: 550px;}
    
    footer section article{display:block; vertical-align: top; width:100%;}
    footer section:nth-child(1) article{width:100%;}
    footer section:nth-child(2) article{width:100%; font-size: 12px; margin:25px 0;}
    .izquierda, .derecha, .centro{text-align: center;}
    footer ul{font-size: 12px; margin: 25px 0;}
}