/*
 * DARSSA — Silent Luxury Typography Override
 * Roboto only. Pesos ligeros en toda la web.
 * Este archivo persiste aunque Elementor regenere su CSS.
 * =========================================================
 */

/* 1. Roboto en absolutamente todo ------------------------------------------ */
*,
body, h1, h2, h3, h4, h5, h6,
p, a, span, li, td, th, label, input,
button, select, textarea, blockquote,
.elementor-heading-title,
.uael-heading,
.uael-heading a,
.uael-heading-text,
.uael-sub-heading,
.uael-subheading,
.elementor-widget-container,
.elementor-text-editor,
.elementor-icon-list-text,
.elementor-button,
.nav-primary a,
.main-navigation a {
    font-family: 'Roboto', sans-serif !important;
}

/* Restaurar font-family en iconos (Font Awesome / Elementor Icons) */
.fas,
.fa,
.far {
    font-family: "Font Awesome 5 Free" !important;
}
.fab {
    font-family: "Font Awesome 5 Brands" !important;
}
i[class*="eicon-"] {
    font-family: "eicons" !important;
}

/* 2. Escala de pesos — "silent luxury"
   Regla general: cuanto más grande, más liviano
   ------------------------------------------------ */

/* Body / texto corriente */
body,
p,
.elementor-text-editor,
.elementor-text-editor p,
.elementor-widget-text-editor p,
.elementor-icon-list-text,
.elementor-post__excerpt p {
    font-weight: 300 !important;
}

/* Display headings grandes (h1 / h2 / los de 40-70px de Elementor) */
h1,
h2,
.elementor-heading-title,
.uael-heading,
.uael-heading a,
.uael-heading-text {
    font-weight: 300 !important;
    letter-spacing: 0.04em;
}

/* Headings medios (h3 / h4) — un poco más de presencia sin ser pesados */
h3,
h4 {
    font-weight: 400 !important;
    letter-spacing: 0.02em;
}

/* Headings pequeños y labels */
h5,
h6,
.elementor-widget-heading .elementor-heading-title.elementor-size-small,
.elementor-widget-heading .elementor-heading-title.elementor-size-xs {
    font-weight: 400 !important;
}

/* 3. Navegación — "silent luxury": chico, fino, uppercase con aire -------- */

/* Ítems de primer nivel (GeneratePress: .main-navigation .main-nav ul li a) */
.main-navigation .main-nav ul li a {
    font-family: 'Roboto', sans-serif !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    letter-spacing: 0.10em !important;
    text-transform: uppercase !important;
}

/* Submenús: solo un poco más pequeño */
.main-navigation .main-nav ul ul li a {
    font-size: 10px !important;
    font-weight: 300 !important;
    letter-spacing: 0.13em !important;
    text-transform: uppercase !important;
}

/* Sin cambio de color al hacer hover en el menú */
.main-navigation .main-nav ul li:not([class*="current-menu-"]):hover > a,
.main-navigation .main-nav ul li:not([class*="current-menu-"]):focus > a,
.main-navigation .main-nav ul li.sfHover:not([class*="current-menu-"]) > a,
.main-navigation .menu-bar-item:hover > a,
.main-navigation .menu-bar-item.sfHover > a,
.main-navigation .main-nav ul ul li:not([class*="current-menu-"]):hover > a,
.main-navigation .main-nav ul ul li:not([class*="current-menu-"]):focus > a,
.main-navigation .main-nav ul ul li.sfHover:not([class*="current-menu-"]) > a {
    color: inherit !important;
}

/* 4. Botones ---------------------------------------------------------------- */
.elementor-button,
.wp-block-button__link,
button,
input[type="submit"],
input[type="button"],
.woocommerce a.button,
.woocommerce button.button {
    font-weight: 400 !important;
    letter-spacing: 0.08em;
}

/* 5. Footer headings y textos ---------------------------------------------- */
.elementor-4160 .elementor-heading-title,
.elementor-4160 .elementor-icon-list-text {
    font-weight: 300 !important;
}

/* 6. Anular font-weight:600 hardcodeado en subtítulos del footer ----------- */
.elementor-element .elementor-heading-title[class] {
    font-weight: 300 !important;
}

/* 7. Títulos UAEL en Agentes Oficiales: mayúsculas y fuente más chica */
.elementor-419 .uael-heading-text,
.elementor-421 .uael-heading-text {
    text-transform: uppercase !important;
    font-size: 28px !important;
    letter-spacing: 0.06em !important;
}

/* 8. Ocultar título de página (h1 default de WordPress) en Agentes Oficiales */
body.page-id-24 h1.entry-title,
body.page-id-419 h1.entry-title,
body.page-id-421 h1.entry-title {
    display: none !important;
}

/* 9. Noticia individual (147) — carousel más chico, misma proporción 9/16 */
.elementor-147 .elementor-element.elementor-element-690b4d2 > .elementor-widget-container {
    max-width: 50%;
    margin: 0 auto;
}

/* 10. Distribuidor Oficial — imágenes más chicas en mobile */
@media (max-width: 767px) {
    .elementor-element-5c60051 img,
    .elementor-element-51a33dc img {
        max-width: 60% !important;
        height: auto !important;
        display: block;
        margin: 0 auto;
    }
}

/* 11. Header — logo a la izq, widget a la der */
.inside-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
}
.inside-header .site-logo {
    order: 1;
}
.inside-header .header-widget {
    order: -1;
}

/* 12. Navegación — centrar ítems (layout float-based, no flexbox) */
.nav-below-header .main-navigation {
    text-align: center !important;
}
.nav-below-header .main-navigation:not(.toggled) .main-nav > ul > li {
    float: none !important;
    display: inline-block !important;
    vertical-align: top !important;
}
.nav-below-header .main-navigation:not(.toggled) .main-nav ul {
    letter-spacing: -0.31em !important;
}
.nav-below-header .main-navigation:not(.toggled) .main-nav ul li {
    letter-spacing: normal !important;
}
.nav-below-header .main-navigation .sub-menu {
    text-align: left !important;
}

/* 13. Hero de inicio — mobile: más alto, sin margen, sin flechas */
@media (max-width: 767px) {
    body.page-id-10 .elementor-element-1778ce4 {
        padding: 15px !important;
        margin: 0 !important;
    }
    body.page-id-10 .elementor-element-a3edcde {
        padding: 0 !important;
        margin: 0 !important;
    }
    body.page-id-10 .elementor-element-cfbe1f6 .elementor-image-carousel-wrapper img {
        height: 40%;
        object-fit: cover;
    }
    body.page-id-10 .elementor-element-cfbe1f6 .slick-prev,
    body.page-id-10 .elementor-element-cfbe1f6 .slick-next {
        display: none !important;
    }
}