/* Landing "Hablemos" (consultas-on-line/). Solo la carga esa pagina.
   Orden: banner con CTA > pasos > informacion de contacto + mapa > cierre con CTA. */

/* ---------------------------------------------------------------------------
   Banner: bajada + boton principal a WhatsApp
   --------------------------------------------------------------------------- */

/* La bajada (.lg-bajada) esta en sitio.css, compartida con las otras paginas. */

.et-db #et-boc .et-l .et_pb_fullwidth_header_0 .lg-banner-cta.et_pb_button {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	margin-top: 24px;
	padding: 12px 30px !important;
	border: 0;
	border-radius: 0;
	background: #fff;
	color: #21376e !important;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: .06em;
	text-transform: uppercase;
	transition: background-color .18s ease, color .18s ease;
}

.et-db #et-boc .et-l .et_pb_fullwidth_header_0 .lg-banner-cta.et_pb_button:hover {
	background: #0f7a36;
	color: #fff !important;
	padding: 12px 30px !important;
}

/* Divi agrega una flecha animada en :after; aca sobra. */
.et-db #et-boc .et-l .et_pb_fullwidth_header_0 .lg-banner-cta.et_pb_button:after {
	display: none;
}

.lg-banner-cta .fa-whatsapp {
	font-size: 20px;
}

/* ---------------------------------------------------------------------------
   Estructura comun de los bloques
   --------------------------------------------------------------------------- */

.et-db #et-boc .et-l .lg-bloque {
	width: calc(100% - 30px);
	max-width: 1080px;
	margin: 0 auto;
}

.et-db #et-boc .et-l .lg-bloque-titulo {
	margin: 0 0 30px;
	padding: 0;
	font-family: 'Lustria', Georgia, "Times New Roman", serif;
	font-size: 30px;
	font-weight: 400;
	line-height: 1.25;
	color: #21376e;
}

/* ---------------------------------------------------------------------------
   Pasos: "¿Que pasa despues de escribirnos?"
   --------------------------------------------------------------------------- */

.et-db #et-boc .et-l .lg-pasos {
	padding: 64px 0 56px;
}

.et-db #et-boc .et-l .lg-pasos .lg-bloque-titulo {
	text-align: center;
	margin-bottom: 40px;
}

.et-db #et-boc .et-l .lg-pasos-lista {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 28px;
	margin: 0;
	padding: 0;
	list-style: none;
	counter-reset: none;
}

.et-db #et-boc .et-l .lg-paso {
	display: flex;
	align-items: center;
	gap: 18px;
	margin: 0;
	padding: 26px 24px;
	background: #fff;
	border: 1px solid #d8e0ef;
	border-top: 3px solid #21376e;
	list-style: none;
}

.et-db #et-boc .et-l .lg-paso-num {
	flex: none;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 46px;
	height: 46px;
	border-radius: 50%;
	background: #21376e;
	color: #fff;
	font-family: 'Lustria', Georgia, "Times New Roman", serif;
	font-size: 22px;
	line-height: 1;
}

.et-db #et-boc .et-l .lg-paso .lg-paso-texto {
	margin: 0;
	padding: 0;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-size: 16px;
	line-height: 1.5;
	color: #333;
}

/* ---------------------------------------------------------------------------
   Informacion de contacto + mapa
   --------------------------------------------------------------------------- */

.et-db #et-boc .et-l .lg-contacto {
	padding: 56px 0 70px;
	background: #f4f7fb;
}

.et-db #et-boc .et-l .lg-contacto-grid {
	display: grid;
	grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
	gap: 40px;
	align-items: stretch;
}

.et-db #et-boc .et-l .lg-contacto .lg-contacto-nombre {
	margin: -12px 0 20px;
	padding: 0;
	font-family: 'Lustria', Georgia, "Times New Roman", serif;
	font-size: 20px;
	color: #222;
}

.et-db #et-boc .et-l .lg-contacto-lista {
	margin: 0;
	padding: 0;
	list-style: none;
}

.et-db #et-boc .et-l .lg-contacto-lista li {
	display: flex;
	gap: 14px;
	margin: 0;
	padding: 14px 0;
	border-top: 1px solid #d6dde9;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-size: 16px;
	line-height: 1.6;
	color: #454545;
	list-style: none;
}

.et-db #et-boc .et-l .lg-contacto-lista li:last-child {
	border-bottom: 1px solid #d6dde9;
}

.et-db #et-boc .et-l .lg-contacto-lista i {
	flex: none;
	width: 20px;
	padding-top: 4px;
	text-align: center;
	color: #21376e;
}

.et-db #et-boc .et-l .lg-contacto-lista .fa-whatsapp {
	color: #179c4b;
	font-size: 18px;
}

.et-db #et-boc .et-l .lg-contacto-lista strong {
	font-weight: 600;
	color: #222;
}

.et-db #et-boc .et-l .lg-contacto-lista a {
	color: #21376e;
	font-weight: 600;
	text-decoration: none;
	border-bottom: 1px solid rgba(33, 55, 110, .4);
	transition: border-color .18s ease, color .18s ease;
}

.et-db #et-boc .et-l .lg-contacto-lista a:hover,
.et-db #et-boc .et-l .lg-contacto-lista a:focus-visible {
	color: #16254b;
	border-bottom-color: #16254b;
}

.et-db #et-boc .et-l .lg-contacto-mapa {
	min-height: 340px;
	border: 1px solid #d6dde9;
	background: #e3e8f0;
}

.et-db #et-boc .et-l .lg-contacto-mapa iframe {
	display: block;
	width: 100%;
	height: 100%;
	min-height: 340px;
}

/* ---------------------------------------------------------------------------
   Cierre: repeticion del CTA principal al final de la pagina
   --------------------------------------------------------------------------- */

.et-db #et-boc .et-l .lg-cierre-cta {
	padding: 56px 0 64px;
	background: #21376e;
	text-align: center;
}

.et-db #et-boc .et-l .lg-cierre-inner {
	width: calc(100% - 30px);
	max-width: 1080px;
	margin: 0 auto;
}

.et-db #et-boc .et-l .lg-cierre-cta .lg-cierre-titulo {
	margin: 0 0 22px;
	padding: 0;
	font-family: 'Lustria', Georgia, "Times New Roman", serif;
	font-size: 28px;
	line-height: 1.3;
	/* El tema le impone su gris a los parrafos: sobre dorado no se leia. */
	color: #fff !important;
}

.et-db #et-boc .et-l .lg-cierre-cta .lg-cierre-boton {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 14px 34px;
	background: #fff;
	color: #21376e;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: .06em;
	text-transform: uppercase;
	text-decoration: none;
	transition: background-color .18s ease, color .18s ease;
}

.et-db #et-boc .et-l .lg-cierre-cta .lg-cierre-boton:hover,
.et-db #et-boc .et-l .lg-cierre-cta .lg-cierre-boton:focus-visible {
	background: #0f7a36;
	color: #fff;
}

.lg-cierre-boton .fa-whatsapp {
	font-size: 20px;
}

/* ---------------------------------------------------------------------------
   Responsive
   --------------------------------------------------------------------------- */

@media (max-width: 980px) {
	.et-db #et-boc .et-l .lg-pasos-lista {
		grid-template-columns: 1fr;
		max-width: 560px;
		margin: 0 auto;
	}
	.et-db #et-boc .et-l .lg-contacto-grid {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 767px) {
	/* Divi lo pone en 50px en movil: el CTA tiene que verse sin hacer scroll. */
	.et-db #et-boc .et-l .et_pb_fullwidth_header_0.et_pb_fullwidth_header .header-content h1.et_pb_module_header {
		font-size: 32px;
		line-height: 1.2;
	}
	.et-db #et-boc .et-l .lg-bloque-titulo {
		font-size: 26px;
	}
	.et-db #et-boc .et-l .lg-cierre-cta .lg-cierre-titulo {
		font-size: 24px;
	}
}