@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Encode+Sans+Condensed:wght@600&display=swap');
@import url('../css/submenu.css');

/*
NARANJA #FF7D0E;
NEGRO #000;
*/

/*ESTILOS GENERALES*/
* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}
body {
  background: #333;
}
img {
  display: block;
  width: 100%;
}
ul, li {
  list-style: none;
}
a {
	font-family: 'Encode Sans Condensed', sans-serif;
  display: block;
  text-decoration: none;
}
p {
	font-family: 'Open Sans', sans-serif;
}
h1, h2, h3, h4, h5 {
font-family: 'Encode Sans Condensed', sans-serif;
}
.contenedor {
	width: 95%;
	max-width: 1200px;
	margin: auto;
}
.section {
	padding: 80px 0;
	max-width: 1200px;
  margin: auto;
	overflow: hidden;
}
.seccion-titulo {
	font-size: 2.6em;
	text-align: center;
	color: #364241;
	line-height: 1em;
}
.seccion-titulo span {
	font-size: 0.5em;
}
.cuerpo-titulo {
	font-size: 1.6em;
	color: #364241;
	text-align: left;
}
.seccion-txt {
  max-width: 960px;
  margin: auto;
  font-size: 0.9em;
  color: #364241;
  text-align: left;
}
/*BOTON FLOTANTE WASAP*/
.btn-whatsapp {
  display: block;
  width: 70px;
  height: 70px;
  color: #fff;
  position: fixed;
  right: 20px;
  bottom: 20px;
  border-radius: 50%;
  line-height: 80px;
	text-align: center;
  z-index: 999;
}
/*BARRA SUPERIOR*/
#barra {
	overflow: hidden;
	max-width: 1500px;
	margin: auto;
	background: #FF7D0E;
	padding: 5px;
}
.grupo-barra {

}
.columna-barra .titulo {
	display: flex;
	justify-content: center;
	text-align: right; 
	width: 210px;
	margin: auto;
}
#barra span {
	margin-right: 10px;
	color: #fff;
}
#barra p {
	color: #fff;
	font-size: 0.85em;
}



/*LOGO SUPERIOR*/
.logo-superior {
	overflow: hidden;
	max-width: 1500px;
	margin: auto;
	background: #fff;
	padding: 10px;
}
.logotipo-header {
	width: 140px;
	margin: auto;
}

/*HEADER*/
.header {
	overflow: hidden;
  max-width: 1500px;
  margin: auto;
	background: #fff;
}

/*BANNER*/
.mockfondo-index {
  overflow: hidden;
  max-width: 1500px;
  margin: auto;
	background-image: url(../img/BANNER.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
  height: 380px;
  position: relative;
}
.mockfondo-index:before {
  content: "";
  position: absolute;

  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.5;
}
.textos-banner {
  position: absolute;
  top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	width: 98%
}
.banner-txt {
  text-align: center;
  font-weight: 600;
  color: #fff;
  font-size: 2.2em;
	margin-bottom: 10px;
}
.banner-txt2 {
  text-align: center;
  font-weight: 300;
  color: #fff;
  font-size: 1.4em;
  line-height: 96%;
	margin-bottom: 10px;
}
.banner-btn {
	position: relative;
	z-index: 1000;
  color: #fff;
  text-align: center;
  padding: 10px;
	border: 3px solid #FF7D0E;
	width: 200px;
	margin: auto;
	border-radius: 7px;
}
.asesor-btn {
	position: relative;
	z-index: 1000;
  color: #fff;
  text-align: center;
  padding: 10px;
	background: #FF7D0E;
	width: 200px;
	margin: auto;
	border-radius: 7px;
}
/*SLOGAN*/
.slogan {
	position: relative;
	z-index: -100;
	overflow: hidden;
  max-width: 1500px;
  margin: auto;
	background-image: url(../img/SLOGAN-IMG.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 140px 10px;
}
.slogan:before {
  content: "";
  position: absolute;
	z-index: -90;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.7;
}
.slogan-txt {
	width: 95%;
	margin: auto;
	text-align: center;
	font-size: 1.8em;
	color: #fff;
}

/*ASESOR*/
#asesor {
	max-width: 1500px;
	margin: auto;
	background: #fff;
}
.asesor-img {
	width: 255px;
	height: 255px;
	object-fit: cover;
	margin: auto;
	border-radius: 50%;
	margin-bottom: 20px;
}
.asesor-titulo {
	text-align: center;
}
.asesor-txt {
	text-align: center;
	padding: 10px;
}
.asesor-telef {
	width: 220px;
	margin: auto;
  padding: 10px;
  text-align: center;
  color: #333;
	border: 3px solid #FF7D0E;
  font-size: 1.2em;
	border-radius: 5px;
}

/*FOOTER*/
.footer {
	overflow: hidden;
  max-width: 1500px;
	padding: 60px 0;
  margin: auto;
background: #000;

}
.grupo-footer {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.logo-footer {
	padding: 5px;
	width: 240px;
}
.columna-footer {
	width: 300px;
	padding: 10px;
}
.footer-titulo {
  color: #EEE;
  font-size: 1.2em;
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom: 1px dashed #364241;
}
.footer-txt {
  padding: 0px 0px;
	font-family: 'Open Sans', sans-serif;
  font-size: 0.9em;
  color: #EEE;
	text-align: left;
	margin-bottom: 5px;
}
.footer .datos {
  display: flex;
}
.footer span {
  margin-right: 10px;
  color: #FF7D0E;
  font-size: 1.2em;
}

.copy {
	max-width: 1500px;
	margin: auto;
  text-align: center;
  background: #FF7D0E;
  padding: 40px 0;
}
.copy-derechos {
	font-size: 0.9em;
	color: #eee;
  padding: 0;
}
.elaboradopor {
	font-family: 'Encode Sans Condensed', sans-serif;
  font-size: 0.9em;
  color: #eee;
}

/*ESTILOS RESPONSIVE*/
@media (min-width: 768px) {
.grupo-barra {
	display: flex;
	justify-content: center;
}
.columna-barra .titulo {
	display: flex;
	justify-content: center;
	text-align: right; 
	width: 210px;
	margin: auto;
}	
	
.logotipo-header {
	width: 190px;
}
.grupo-logosuperior {

	}

/*BANNER*/
.mockfondo-index {
  height: 573px;
}
	.banner-interior {
		height: 300px;
	}
.banner-txt {
	font-size: 4em;
}
/*BANNER INTERIOR*/
	.interior {
		height: 300px;
	}
/*SLOGAN*/
.slogan {
  padding: 200px 10px;
}
.slogan-txt {
	width: 90%;
	font-size: 3em;
}
}

@media (min-width: 1024px) {
/*	ASESOR*/
.grupo-asesor {
	max-width: 650px;
	margin: auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.columna-footer {
	width: 25%;
}
.footer {
	padding: 60px 0;
}
.copy {
  text-align: left;
}
}