/* ==========================================================================
   Conmutia - ajustes propios
   Se carga DESPUES de main2.css y solo sobreescribe lo necesario.
   No editar main2.css: se genera desde /scss y cualquier cambio ahi se pierde.

   Paleta de marca (tomada del propio logo):
     #00264a  azul marino  - color del logotipo
     #00b4c2  turquesa     - acento heredado de la plantilla
   ========================================================================== */


/* --------------------------------------------------------------------------
   1. Header claro
   El header flota sobre el slider (.header_absolute), asi que necesita
   fondo propio y una sombra que lo despegue de la foto de portada.
   -------------------------------------------------------------------------- */

/* el wrapper no debe pintar nada: el fondo lo pone el <header> */
.header_absolute.ls {
	background-color: transparent;
}

/* OJO con la especificidad.
   La plantilla pinta el header con un degradado oscuro desde una regla de
   3 clases (.header_under_slider.header_absolute .page_header), que le gana
   a un simple .page_header.ls. Hay que igualar o superar esa especificidad,
   de ahi el selector largo. */
.header_under_slider.header_absolute .page_header.ls {
	background: #fff;
	box-shadow: 0 1px 14px rgba(0, 38, 74, 0.1);
}

/* .affix = header pegado al hacer scroll; la plantilla lo pone #262c31 */
.header_under_slider.header_absolute .page_header.ls.affix {
	background: #fff;
	box-shadow: 0 2px 18px rgba(0, 38, 74, 0.14);
}

/* respaldo por si el header se usa fuera del slider */
.page_header.ls {
	background-color: #fff;
}

.page_header.ls .logo img {
	height: auto;
	max-height: 37px;
	width: auto;
}

/* Boton "Solicita una cotizacion": volver a mostrarlo.
   La plantilla lo oculta con
       @media (max-width: 1440px) {
           .page_header_wrapper .page_header .top-includes .btn { display: none }
       }
   y main.js (linea ~1355) envuelve el header en .page_header_wrapper al cargar,
   asi que la regla se activa en cualquier pantalla de 1440px o menos: el boton
   no se veia practicamente nunca.
   En la plantilla original eso tenia sentido porque el header llevaba ademas el
   menu completo y no cabia todo. Aqui la navegacion se elimino y sobra espacio.
   Misma especificidad que la regla original; gana porque este archivo carga despues. */
@media (max-width: 1440px) {
	.page_header_wrapper .page_header .top-includes .btn {
		display: inline-block;
	}
}

/* Color del boton.
   La regla base de la plantilla le da borde #dcdcdc, que sobre fondo blanco
   practicamente no se ve. Lo pasamos al azul de marca. */
.ls .btn.btn-outline-secondary {
	border-color: #00264a;
	color: #00264a;
}

.ls .btn.btn-outline-secondary:hover,
.ls .btn.btn-outline-secondary:focus {
	background: #00264a;
	border-color: #00264a;
	color: #fff;
}


/* --------------------------------------------------------------------------
   2. Footer claro
   La plantilla solo trae .page_footer.ds, no existe la variante clara.
   -------------------------------------------------------------------------- */

.page_footer.ls {
	background-color: #fff;
	border-top: 1px solid #e6eaee;
	color: #5f676e;
}

.page_footer.ls p {
	color: #5f676e;
}

.page_footer.ls a {
	color: #00264a;
}

.page_footer.ls a:hover,
.page_footer.ls a:focus {
	color: #00b4c2;
}

.page_footer.ls .logo img,
.page_footer.ls .widget_text img {
	height: auto;
	max-width: 185px;
}


/* --------------------------------------------------------------------------
   3. Barra de copyright
   Un gris muy suave para separarla del footer sin volver al esquema oscuro.
   -------------------------------------------------------------------------- */

.ls.page_copyright {
	background-color: #f4f6f8;
	border-top: 1px solid #e6eaee;
	color: #6b737a;
}

.ls.page_copyright p {
	color: #6b737a;
	margin-bottom: 0;
}

.ls.page_copyright a {
	color: #00264a;
}

.ls.page_copyright a:hover,
.ls.page_copyright a:focus {
	color: #00b4c2;
}