/* Ajustes globales del sitio: los carga todas las paginas.

   Paleta accesible (contraste WCAG AA sobre blanco):
     #21376e  dorado de marca: filetes, bordes, iconos y titulos grandes (>= 24px)
     #21376e  dorado para texto chico y enlaces (5,05:1)
     #0f7a36  verde para texto o fondo con texto blanco (5,44:1)
*/

/* ---------------------------------------------------------------------------
   Alineacion de la cabecera con el contenido
   El tema fija .container en 940px entre 992 y 1199px de ancho, mientras el
   contenido de las paginas sigue en 1080px: menu y texto no coincidian.
   Con 1110px (- 15px de relleno por lado = 1080px) y tope en el 100% de la
   pantalla, los bordes quedan alineados en todos los anchos de escritorio.
   --------------------------------------------------------------------------- */
@media (min-width: 992px) {
	.site-header .container,
	.site-footer .container {
		width: 1110px;
		max-width: 100%;
	}
}

/* El ultimo item del menu termina justo en el borde del contenido
   (el tema le deja 8px de margen a cada lado). */
.site-header .navigation-main > li:last-child > a {
	margin-right: 0;
}

/* Barra superior: el ultimo icono social termina en el borde del contenido,
   alineado con el final del menu (el tema deja 5px de margen por icono). */
.head-intro .list-social-icons li:last-child {
	margin-right: 0;
}

/* Item activo / hover del menu: el dorado de marca no alcanza contraste
   para texto de ese tamano. */
.site-header .head-mast .navigation-main > li.current-menu-item > a,
.site-header .head-mast .navigation-main > li > a:hover {
	color: #21376e;
}

/* ---------------------------------------------------------------------------
   Estados de foco visibles (teclado)
   El tema quita el contorno en botones, flechas del carrusel y el boton
   "volver arriba", y en los campos lo cambia por una sombra casi invisible.
   :focus-visible solo aparece al navegar con teclado, no al hacer clic.
   --------------------------------------------------------------------------- */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
[tabindex]:not([tabindex="-1"]):focus-visible,
.btn-to-top:focus-visible,
.slick-arrow:focus-visible {
	outline: 2px solid #21376e !important;
	outline-offset: 3px !important;
}

/* Sobre fondos oscuros o dorados el contorno va en blanco. */
.head-intro a:focus-visible,
.head-intro button:focus-visible,
.site-footer a:focus-visible,
.et_pb_fullwidth_header a:focus-visible,
.lg-cierre-cta a:focus-visible {
	outline-color: #fff !important;
}

/* ---------------------------------------------------------------------------
   Sin scroll horizontal
   Algunas animaciones de entrada de Divi (p. ej. "flip" en Equipo) giran en
   3D y, mientras duran, sobresalen del ancho en tablets.
   --------------------------------------------------------------------------- */
#et-boc {
	overflow-x: hidden;
	overflow-x: clip;
}

/* ---------------------------------------------------------------------------
   Bajada bajo el titulo de los banners de las paginas internas
   (Equipo, Como podemos ayudarte, Hablemos)
   --------------------------------------------------------------------------- */
.et-db #et-boc .et-l .et_pb_fullwidth_header_0 .lg-bajada {
	max-width: 660px;
	margin-top: 14px;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-size: 18px;
	line-height: 1.6;
	color: #fff;
	text-shadow: 0 1px 8px rgba(0, 0, 0, .3);
}

@media (max-width: 767px) {
	.et-db #et-boc .et-l .et_pb_fullwidth_header_0 .lg-bajada {
		font-size: 16px;
	}
}