.elementor-kit-7080{--e-global-color-primary:#b89a5b;--e-global-color-secondary:#000000;--e-global-color-text:#696969;--e-global-color-accent:#b89a5b;--e-global-color-border:#eee;--e-global-color-dark:#000000;--e-global-color-light:#fafafa;--e-global-color-gray:#8f8f8f;--e-global-color-muted:#ababab;--e-global-color-placeholder:#ababab;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-7080 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ================================================
   CLAU DE VOLTA — RESPONSIVE MOBILE FIX
   Aplica SOLS en mòbil (max 767px) i tablet (max 1024px)
   Desktop sense cap canvi
   ================================================ */

/* ─────────────────────────────────────────────
   HOME (ID 2427) — HERO
   ───────────────────────────────────────────── */
@media (max-width: 767px) {
    .elementor-2427 .elementor-element.elementor-element-dc983c6 {
        padding: 70px 0 60px 0 !important;
    }
    .elementor-2427 .elementor-element.elementor-element-280fd3a .ube-heading-title {
        font-size: 32px !important;
        letter-spacing: 2px !important;
    }
    .elementor-2427 .elementor-element.elementor-element-280fd3a .ube-heading-sub-title {
        font-size: 13px !important;
        letter-spacing: 1px !important;
    }
    .elementor-2427 .elementor-element.elementor-element-60759cb > .elementor-widget-container {
        margin-top: 5px !important;
        padding: 0 !important;
    }
    .elementor-2427 .elementor-element.elementor-element-60759cb .ube-heading-title {
        font-size: 20px !important;
        letter-spacing: 2px !important;
    }
    .elementor-2427 .elementor-element.elementor-element-a9ee07f > .elementor-widget-container {
        padding: 0 !important;
        margin-top: 15px !important;
    }
    .elementor-2427 .elementor-element.elementor-element-a845886 .ube-heading,
    .elementor-2427 .elementor-element.elementor-element-4db2e9f .ube-heading {
        max-width: 100% !important;
    }
}

/* ─────────────────────────────────────────────
   SOBRE NOSALTRES (ID 3615) — HERO
   Bug: @media screen and (max-width:767px) d'Elementor
   torna a posar padding:185px i font-size:100px en mòbil
   ───────────────────────────────────────────── */
@media (max-width: 767px) {
    .elementor-3615 .elementor-element.elementor-element-ca603e5 {
        padding: 70px 0 60px 0 !important;
    }
    .elementor-3615 .elementor-element.elementor-element-ea00447 .ube-heading-title {
        font-size: 32px !important;
        letter-spacing: 2px !important;
    }
    .elementor-3615 .elementor-element.elementor-element-ea00447 .ube-heading-sub-title {
        font-size: 14px !important;
        letter-spacing: 1px !important;
    }
    .elementor-3615 .elementor-element.elementor-element-ea00447 .ube-heading-description {
        max-width: 100% !important;
    }
    .elementor-3615 .elementor-element.elementor-element-dc0694b {
        padding: 35px 15px 20px 15px !important;
        margin-top: 30px !important;
    }
    .elementor-3615 .elementor-element.elementor-element-0fcb610 {
        padding: 40px 20px 40px 20px !important;
    }
    .elementor-3615 .elementor-element.elementor-element-999071b {
        padding: 40px 20px 40px 20px !important;
        margin-bottom: 40px !important;
    }
    .elementor-3615 .elementor-element.elementor-element-4104212 .elementor-heading-title {
        font-size: 32px !important;
        line-height: 1.2 !important;
    }
}

/* ─────────────────────────────────────────────
   SOBRE NOSALTRES — SECCIÓ JORDI TORRES
   ─────────────────────────────────────────────
   Problema: botó absolutament posicionat solapant el text,
   imatge absolutament posicionada fora del flux.
   Solució: imatge de fons amb opacitat, botó relatiu centrat.
   ───────────────────────────────────────────── */
@media (max-width: 767px) {
    /* Padding ja aplicat per la regla anterior (0171560) */
    .elementor-3615 .elementor-element.elementor-element-0171560 {
        padding: 40px 20px 50px 20px !important;
        background-image:
            linear-gradient(rgba(255,255,255,0.60), rgba(255,255,255,0.60)),
            url('https://claudevolta.cat/wp-content/uploads/2026/04/jordi-1-768x1024.png') !important;
        background-size: cover !important;
        background-position: center top !important;
        background-repeat: no-repeat !important;
    }

    /* Amagar la columna dreta amb la imatge absoluta (ja tenim bg) */
    .elementor-3615 .elementor-element.elementor-element-a5ef3c5 {
        display: none !important;
    }

    /* Columna esquerra → amplada completa */
    .elementor-3615 .elementor-element.elementor-element-d34bd44 {
        width: 100% !important;
        max-width: 100% !important;
    }

    /* Botó: de posició absoluta → relativa i centrat */
    .elementor-3615 .elementor-element.elementor-element-f0c9ddf {
        position: relative !important;
        left: auto !important;
        right: auto !important;
        top: auto !important;
        bottom: auto !important;
        width: auto !important;
        margin: 28px auto 0 !important;
        text-align: center !important;
        display: block !important;
    }
    .elementor-3615 .elementor-element.elementor-element-f0c9ddf > .elementor-widget-container {
        text-align: center !important;
    }
}

/* ─────────────────────────────────────────────
   VALORA EL TEU HABITATGE (ID 2)
   ─────────────────────────────────────────────
   Bug: @media screen and (max-width:767px) conserva
   padding:50px 0 200px 0 i font-size:54px en mòbil.
   Títol ocupa tota la pantalla i és il·legible.
   ───────────────────────────────────────────── */
@media (max-width: 767px) {
    /* Hero: reduir padding inferior excessiu (200px) */
    .elementor-2 .elementor-element.elementor-element-f70256e {
        padding: 40px 20px 50px 20px !important;
    }

    /* Títol: 54px → 28px, sense letter-spacing excessiu */
    .elementor-2 .elementor-element.elementor-element-96d0465 .ube-heading-title {
        font-size: 28px !important;
        letter-spacing: 0 !important;
        line-height: 1.25 !important;
    }

    /* Contenidor del títol: amplada completa (era fix a 700px) */
    .elementor-2 .elementor-element.elementor-element-96d0465 {
        width: 90% !important;
        max-width: 100% !important;
    }

    /* Descripció: lleugera reducció */
    .elementor-2 .elementor-element.elementor-element-96d0465 .ube-heading-description {
        font-size: 15px !important;
        max-width: 100% !important;
        line-height: 1.5 !important;
    }
}

/* ─────────────────────────────────────────────
   CONTACTE (ID 3606)
   ───────────────────────────────────────────── */
@media (max-width: 767px) {
    .elementor-3606 .elementor-element.elementor-element-d1bab77 .ube-heading {
        max-width: 100% !important;
    }
}

/* ─────────────────────────────────────────────
   FORMULARI DE CERCA ERE (totes les pàgines)
   ───────────────────────────────────────────── */
@media (max-width: 991px) {
    .custom-ere-search-06 .g5ere__sf-top {
        flex-direction: column !important;
        align-items: stretch !important;
    }
    .custom-ere-search-06 .g5ere__sf-top > * {
        width: 100% !important;
        border-right: 0 !important;
    }
    .custom-ere-search-06 .g5ere__sf-submit,
    .custom-ere-search-06 .g5ere__search-submit-container {
        width: 100% !important;
    }
    .custom-ere-search-06 .g5ere__sf-submit .btn {
        width: 100% !important;
        border-radius: 0 0 4px 4px !important;
    }
}

/* ─────────────────────────────────────────────
   LLISTAT IMMOBLES: 1 columna en mòbil petit
   ───────────────────────────────────────────── */
@media (max-width: 480px) {
    .ere-item-wrap {
        width: 100% !important;
        clear: both;
    }
}

/* ─────────────────────────────────────────────
   GLOBAL: text overflow i imatges
   ───────────────────────────────────────────── */
@media (max-width: 767px) {
    .ube-heading-title,
    .elementor-heading-title {
        word-break: break-word;
        overflow-wrap: break-word;
    }
    .elementor-widget-wrap img,
    .elementor-column img {
        max-width: 100%;
        height: auto;
    }
}/* End custom CSS */