@charset "utf-8";
/* CSS Document */


/* FONTS */
/* font-family: 'Playfair Display', serif; */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@1,400;1,500;1,700&display=swap');

/* font-family: 'Cinzel', serif; */
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@500;600&display=swap');

/* Colors */
/* Gold #B5A265 / 188,162,101 */


body{
  
}

p{
  text-align: justify;
  font-family: 'Playfair Display', serif;
  font-size: 1.1em;
  color: #273B52;
}

.img-100{
  width: 100%;
  height: auto;
}


.separador{
  width: 80%;
  max-width: 600px;
  height: auto;
  padding: 30px 0px;
  margin: 0 auto;
  display: table;
  
}
/* ------ SMOOTH SCROLLING ------ */
html {
	scroll-behavior: smooth;
}

@media screen and (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}
}

/* ----- Arriba -----*/
.ir-arriba {
	padding:10px;
	display:inline-block;
	background: rgba(188,162,101,0.7);
	color:#fff;
	position: fixed;
	font-size:20px;
	bottom:20px;
	right:20px;
	display:none;
	cursor:pointer;
	 border-radius: 50%;
	z-index:9999;
}

.img-banner{
  width: 100%;
  height: auto;
}


/* ----- Navbar ----- */
.menu{
  background-color: #FFFFFF !important;
  width: 100%;
  height: auto;
  display: block;
  z-index: 999999 !important;
   
  
}


.navbar{
  background-color: #FFFFFF !important;
  
}

.brand{
  width: 250px;
  height: auto;
  margin-bottom: 5px;
}

.navbar-nav{
  font-family: 'Cinzel', serif; 
}


.navbar-nav a{
  color: #6C6D6F !important;
  font-weight: 300 !important;
}

.navbar-nav a:hover{
  color: #B5A265 !important;
	border-bottom: 2px solid #B5A265;
	position: relative;
	top:-4px;
}

.navbar-toggler{
  border: 2px solid #B5A265 !important;
}

/* ----- Bienvenido ----- */
.bienvenido{
  padding: 30px 0px;
}

.bienvenido h1{
  font-family: 'Cinzel', serif;
  font-size: 2.3em;
  text-align: left;
}

.bienvenido p{
  text-align: justify;
}



/* ----- Nosotros ----- */

.nosotros{
  padding: 30px 0px;
}

.nosotros h1{
  font-family: 'Cinzel', serif;
  font-size: 2.3em;
  text-align: left;
  color: #BA9D65;

}


/* ----- Areas ----- */

.areas .text-block{
  padding: 30px 10px;
}

.areas h1{
  font-family: 'Cinzel', serif;
  font-size: 2.3em;
  text-align: left;
  color: #BA9D65;

}


.areas hr{
  border-bottom: thin solid #B5A265;
  border-top: none;
  padding-top: 20px;

}


/* ----- Clientes ----- */

.clientes .text-block{
  padding: 30px 10px;
}

.clientes h1{
  font-family: 'Cinzel', serif;
  font-size: 2.3em;
  text-align: left;  
  color: #BA9D65;

}

.clientes hr{
  border-bottom: thin solid #BA9D65;
  border-top: none;
  padding-top: 20px;

}

/* ----- Contacto ----- */
.contacto{
  padding: 80px 0px;
 
}

.contacto h1{
  font-family: 'Cinzel', serif;
  font-size: 2.3em;
  text-align: left;
  color: #BA9D65;
}



.contacto hr{
  border-bottom: thin solid #BA9D65;
  border-top: none;
  padding-top: 20px;

}

.contacto .mobile{
  color: #BA9D65;
  font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
  font-size: 20px;
}

.contacto .whatsapp{
  color: #BA9D65;
  font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
  font-size: 28px;
}

.contacto a{
  color: #BA9D65;
  font-size: 18px;
}

.contacto a:hover{
  color: #273B52;
  text-decoration: none;
}





/* ----- Redes Sociales ----- */
.redes-sociales{
  
  
}

.redes-sociales .img-left{
  min-width: 100%;
  min-height: 100%;
  background: url("../../imagenes/img-left.jpg") no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.redes-sociales .img-right{
  min-width: 100%;
  min-height: 100%;
  background: url("../../imagenes/img-right.jpg") no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.redes-sociales .redes-sociales-block{
  background-color: #BA9D65;
  color: #FFFFFF;
  text-align: center;
  padding: 60px 20px
}

.redes-sociales .redes-sociales-icons ul{
  list-style: none;
  margin: 0;
  padding: 0;
}

.redes-sociales .redes-sociales-icons li{
  display: inline-block;
  padding: 5px 20px;
}

.redes-sociales .redes-sociales-icons li a{
  color: #FFFFFF;
  font-size: 1.6em;
}

.redes-sociales .redes-sociales-icons li a:hover{
  color: #B5A265;
}


/* ----- Footer ----- */
footer{
  padding: 40px 0px;
  background-color: #273B52;
  color: #FFFFFF;
  border-top: 2px solid #BA9D65;
}

footer .footer-block{
  padding: 40px 0px;
  display: flex;
}

footer .logo-footer{
  width: 200px;
  height: auto;
  margin-bottom: 20px;
}

footer .footer-icons{
   display: flex;
  -webkit-flex-direction: row-reverse; 
  flex-direction: row-reverse;

}

footer .footer-icons ul{
  list-style: none;
  margin: 0px;
  padding: 0px;
}

footer .footer-icons li{
  display: inline-flex;
  
}

footer .footer-icons li a{
  color: #FFFFFF;
  padding: 0 10px;
  font-size: 1.2em;
}

footer .footer-icons li a:hover{
  color: #B5A265;
}


footer .footer-links li a{
  color: #FFFFFF;
  font-size: .8em;
}

footer .footer-links li a:hover{
  color: #B5A265;
}

footer .footer-responsibility{
  display: flex;
  -webkit-flex-direction: row-reverse; 
  flex-direction: row-reverse;
}

footer .footer-responsibility a{
  color: #B5A265;
  font-size: .8em;
}


/* ------ CONTACT FORM ------ */
.contact-form{
	padding: 20px;
}


form ul{
	margin: 0;
	padding: 0;
	list-style: none;
}

form li{
	font-weight: normal !important;
	font-size: 14px;
}


form input, form textarea{
    display: inline-block;
    background: none;
    border: none;
    border-bottom: 1px solid #444;
    width: 100%;
    float: left;
    outline: none;
    padding: 8px 15px 8px 0px;
    color: #777;
    margin-bottom: .5em;
}


form .asterisk{
	color: #BA9D65 !important;
}

form .required-text{
	font-size: 9px;
}

form .form-button{
	border: 1px solid #273B52;
	background-color:#273B52 !important;
	color: white;
	padding: 10px 20px;
	float: right;
}

form .form-button:hover{
	border: 1px solid #BA9D65;
	background-color: white !important;
	color: #000000;
	padding: 10px 20px;
	transition: all 0.5s ease;
}