/*
 * header.css — overrides del header público (Paso 4: fix responsive).
 * Cargado DESPUÉS de style.css y responsive.css en layouts/front.blade.php,
 * así gana los empates de especificidad sin tocar el theme (200KB style.css).
 *
 * Contenido por commit:
 *   #1 extracción de inline styles (este bloque) — comportamiento idéntico.
 *   #2 reducción de footprint del menú.
 *   #3 CTA "Construye con nosotros" en el drawer mobile.
 *   #4 ajuste del breakpoint 499px.
 */

/* ---- #1 inline styles extraídos (sin cambio de comportamiento) -------- *
 * Scope a .main-header (no .header-lower) para cubrir también el .sticky-header:
 * script2.js clona el .main-menu (con su .btn-box) a .sticky-header .main-menu,
 * que está dentro de <header class="main-header">. Con scope .header-lower el
 * btn-box clonado quedaba sin float y caía a una 2a fila en el sticky desktop. */
.main-header .main-menu .navbar-collapse {
    position: relative;
    float: left;
}

.main-header .btn-box {
    position: relative;
    float: right;
    top: 10px;
}

.header-lower .logo-box .logo img,
.sticky-header .logo-box .logo img {
    width: 70%;
}

.mobile-menu .nav-logo img {
    width: 50%;
}

/* ---- #2 footprint del menú: entrar en una fila desde 1201px ----------- *
 * Umbral actual (padding 0 25px / font 17px) era ~1320px → wrap a 2 filas
 * entre 1201 y 1320. Recortamos ~140px de ancho del menú para bajar el
 * umbral por debajo de 1201 con margen. */
.main-menu .navigation > li > a {
    padding: 0 16px;     /* antes 0 25px */
    font-size: 16px;     /* antes 17px */
}

.main-menu .navigation > li.dropdown > a {
    padding-right: 28px; /* antes 40px (solo "Propiedades") */
}