/* =====================================================================
   MARCA ANTIGUA — cabecera y pie en blanco
   ---------------------------------------------------------------------
   Mientras no se pueda publicar el logo nuevo, el sitio sigue con el
   logo antiguo, que es a color sobre fondo claro. Sobre el verde
   corporativo no se lee, así que la cabecera y el pie pasan a blanco.

   Todo el cambio vive en este archivo. Para volver a la marca nueva
   basta con poner LORCA_MARCA_ANTIGUA en false en functions.php: se
   deja de cargar esto y vuelve el verde, sin tocar nada más.
   ===================================================================== */

/* --- 1. CABECERA ---------------------------------------------------- */
.lorca-header,
.lorca-header .header-bottom,
.lorca-header .header-bottom.is-sticky,
.lorca-header .header-bottom.sticky-header,
.lorca-header .header-bottom.sticky-nav-area,
.lorca-header .header-bottom.houzez-in-view,
.lorca-header .header-bottom[style*="fixed"],
.header-bottom.houzez-sticky {
	background: #FFFFFF !important;
}

/* la costura de 1 px bajo la barra pasa de verde a una línea gris */
.lorca-header .header-bottom { box-shadow: 0 1px 0 0 #e3e8ea !important; }
.lorca-header .header-bottom.is-sticky,
.lorca-header .header-bottom.sticky-header,
.lorca-header .header-bottom.sticky-nav-area {
	box-shadow: 0 2px 14px rgba(2, 66, 84, .10) !important;
}

/* menú en verde de marca, hover naranjo */
.lorca-header .main-nav .navbar-nav > li > a,
.lorca-header .main-nav .nav-link { color: #024254 !important; }
.lorca-header .main-nav .navbar-nav > li > a:hover,
.lorca-header .main-nav .navbar-nav > li:hover > a { color: #FE4015 !important; }

/* botón de WhatsApp */
.lorca-wa {
	border-color: rgba(2, 66, 84, .35) !important;
	color: #024254 !important;
}
.lorca-wa:hover {
	background: rgba(2, 66, 84, .07) !important;
	border-color: #024254 !important;
}

/* --- cabecera móvil: se queda en verde corporativo -------------------
   En móvil el tema cambia al logo en blanco, que sobre fondo blanco no
   se ve; el botón del menú también es blanco. En vez de reemplazar el
   logo, la barra móvil conserva el verde de marca: así el logo blanco
   y el botón se leen, y de paso queda un contraste con la barra clara
   del escritorio. */
@media (max-width: 991px) {
	#header-mobile,
	.header-mobile,
	.header-mobile-wrap,
	.houzez-mobile-header,
	.header-v2 .header-mobile {
		background: #024254 !important;
		border-bottom: 0 !important;
		/* Entre la barra y la sección de abajo queda 1 px de hueco por el
		   que se ve el fondo de la página (#F7F8F9). En vez de perseguirlo
		   con márgenes negativos, se pinta 1 px de verde justo debajo. */
		box-shadow: 0 1px 0 0 #024254 !important;
	}
	/* el botón del menú ya viene en blanco; se asegura por si acaso */
	#header-mobile .btn,
	#header-mobile .toggle-button-left,
	#header-mobile .toggle-button-right,
	.header-mobile .nav-icon span,
	.houzez-mobile-header .nav-icon span {
		color: #FFFFFF !important;
	}
	.header-mobile .nav-icon span,
	.houzez-mobile-header .nav-icon span { background-color: #FFFFFF !important; }
}

/* --- 2. PIE --------------------------------------------------------- */
.footer-top-wrap,
.footer-bottom-wrap,
.footer-wrap { background-color: #FFFFFF !important; }

/* una línea separa el pie del contenido y la barra inferior del resto */
.footer-wrap { border-top: 1px solid #e3e8ea; }
.footer-bottom-wrap { border-top: 1px solid #e3e8ea; }

/* títulos de columna */
.footer-top-wrap .widget-title,
.footer-top-wrap .widget h1,
.footer-top-wrap .widget h2,
.footer-top-wrap .widget h3,
.footer-top-wrap .widget h4 { color: #6b7a80 !important; }

/* sucursales y datos de contacto */
.footer-top-wrap .widget-contact-us p,
.footer-top-wrap .widget-contact-us .contact-list li,
.footer-top-wrap .widget-contact-us .contact-list li a { color: #44585f !important; }
.footer-top-wrap .widget-contact-us .contact-list li a:hover { color: #FE4015 !important; }
.footer-top-wrap .widget-contact-us .contact-list li i,
.footer-top-wrap .widget-contact-us .contact-list li .houzez-icon { color: #6b7a80 !important; }

/* las regiones siguen en negrita porque son enlaces */
.footer-top-wrap .widget-taxonomy-item-content a { color: #024254 !important; }
.footer-top-wrap .widget-taxonomy-item-content a:hover { color: #FE4015 !important; }

/* barra inferior: copyright y redes */
.footer-bottom-wrap,
.footer-bottom-wrap p,
.footer-bottom-wrap a { color: #6b7a80 !important; }
.footer-bottom-wrap .footer-social a,
.footer-bottom-wrap .footer-social a .houzez-icon { color: #024254 !important; }
.footer-bottom-wrap .footer-social a:hover,
.footer-bottom-wrap .footer-social a:hover .houzez-icon { color: #FE4015 !important; }

/* --- 3. TAMAÑO DEL LOGO ----------------------------------------------
   El archivo es de 300x120, así que hasta esas medidas se ve nítido.
   El logo nuevo tiene otra proporción (3,7:1 contra 2,5:1), por eso
   estas medidas viven acá y no en header.css. */
.lorca-logo img { height: 66px !important; }
.lorca-header .header-bottom.sticky-nav-area .lorca-logo img { height: 46px !important; }

@media (min-width: 992px) and (max-width: 1340px) {
	.lorca-logo img { height: clamp(42px, 4.4vw, 66px) !important; }
	.lorca-header .header-bottom.sticky-nav-area .lorca-logo img { height: 42px !important; }
}
.header-mobile .logo img,
.header-mobile-wrap .logo img { height: 42px !important; }

/* --- 4. LOGO DEL PIE -------------------------------------------------
   Vive en un widget de imagen guardado en la base de datos, así que no
   viaja con el código. Se reemplaza acá para que el cambio se publique
   junto con el tema y no haya que volver a subirlo en producción. */
.footer-top-wrap .widget_media_image img.footer-marca,
.footer-top-wrap .row > div:first-child .widget_media_image img {
	content: url('img/logo-antiguo.png');
	width: 210px !important;
	height: auto !important;
	max-width: 210px !important;
}