.elementor-538 .elementor-element.elementor-element-c7ed106{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-538 .elementor-element.elementor-element-0543f52{--display:flex;--min-height:97px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-538 .elementor-element.elementor-element-0543f52:not(.elementor-motion-effects-element-type-background), .elementor-538 .elementor-element.elementor-element-0543f52 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#ECF300;}.elementor-538 .elementor-element.elementor-element-ca83efb{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-538 .elementor-element.elementor-element-77d361aa{width:var( --container-widget-width, 130px );max-width:130px;--container-widget-width:130px;--container-widget-flex-grow:0;}.elementor-538 .elementor-element.elementor-element-77d361aa.elementor-element{--align-self:center;}.elementor-538 .elementor-element.elementor-element-77d361aa img{width:100%;height:33px;object-fit:contain;object-position:center center;}.elementor-538 .elementor-element.elementor-element-381c3ce{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-538 .elementor-element.elementor-element-10d9fdc .elementskit-navbar-nav > li > a:hover, .elementor-538 .elementor-element.elementor-element-10d9fdc .elementskit-navbar-nav > li > a:focus, .elementor-538 .elementor-element.elementor-element-10d9fdc .elementskit-navbar-nav > li > a:active, .elementor-538 .elementor-element.elementor-element-10d9fdc .elementskit-navbar-nav > li:hover > a{background-color:#000000;}.elementor-538 .elementor-element.elementor-element-10d9fdc .elementskit-menu-container{height:80px;border-radius:0px 0px 0px 0px;}.elementor-538 .elementor-element.elementor-element-10d9fdc .elementskit-navbar-nav > li > a{font-family:"Montserrat", Sans-serif;font-size:11px;text-transform:uppercase;letter-spacing:2.9px;color:#000000;padding:9px 9px 9px 9px;}.elementor-538 .elementor-element.elementor-element-10d9fdc .elementskit-navbar-nav > li > a:hover{color:#FFFFFF;}.elementor-538 .elementor-element.elementor-element-10d9fdc .elementskit-navbar-nav > li > a:focus{color:#FFFFFF;}.elementor-538 .elementor-element.elementor-element-10d9fdc .elementskit-navbar-nav > li > a:active{color:#FFFFFF;}.elementor-538 .elementor-element.elementor-element-10d9fdc .elementskit-navbar-nav > li:hover > a{color:#FFFFFF;}.elementor-538 .elementor-element.elementor-element-10d9fdc .elementskit-navbar-nav > li:hover > a .elementskit-submenu-indicator{color:#FFFFFF;}.elementor-538 .elementor-element.elementor-element-10d9fdc .elementskit-navbar-nav > li > a:hover .elementskit-submenu-indicator{color:#FFFFFF;}.elementor-538 .elementor-element.elementor-element-10d9fdc .elementskit-navbar-nav > li > a:focus .elementskit-submenu-indicator{color:#FFFFFF;}.elementor-538 .elementor-element.elementor-element-10d9fdc .elementskit-navbar-nav > li > a:active .elementskit-submenu-indicator{color:#FFFFFF;}.elementor-538 .elementor-element.elementor-element-10d9fdc .elementskit-navbar-nav > li.current-menu-item > a{color:#707070;}.elementor-538 .elementor-element.elementor-element-10d9fdc .elementskit-navbar-nav > li.current-menu-ancestor > a{color:#707070;}.elementor-538 .elementor-element.elementor-element-10d9fdc .elementskit-navbar-nav > li.current-menu-ancestor > a .elementskit-submenu-indicator{color:#707070;}.elementor-538 .elementor-element.elementor-element-10d9fdc .elementskit-navbar-nav > li > a .elementskit-submenu-indicator{color:#101010;fill:#101010;}.elementor-538 .elementor-element.elementor-element-10d9fdc .elementskit-navbar-nav > li > a .ekit-submenu-indicator-icon{color:#101010;fill:#101010;}.elementor-538 .elementor-element.elementor-element-10d9fdc .elementskit-navbar-nav .elementskit-submenu-panel > li > a{padding:15px 15px 15px 15px;color:#000000;}.elementor-538 .elementor-element.elementor-element-10d9fdc .elementskit-navbar-nav .elementskit-submenu-panel > li > a:hover{color:#707070;}.elementor-538 .elementor-element.elementor-element-10d9fdc .elementskit-navbar-nav .elementskit-submenu-panel > li > a:focus{color:#707070;}.elementor-538 .elementor-element.elementor-element-10d9fdc .elementskit-navbar-nav .elementskit-submenu-panel > li > a:active{color:#707070;}.elementor-538 .elementor-element.elementor-element-10d9fdc .elementskit-navbar-nav .elementskit-submenu-panel > li:hover > a{color:#707070;}.elementor-538 .elementor-element.elementor-element-10d9fdc .elementskit-navbar-nav .elementskit-submenu-panel > li.current-menu-item > a{color:#707070 !important;}.elementor-538 .elementor-element.elementor-element-10d9fdc .elementskit-submenu-panel{padding:15px 0px 15px 0px;}.elementor-538 .elementor-element.elementor-element-10d9fdc .elementskit-navbar-nav .elementskit-submenu-panel{border-radius:0px 0px 0px 0px;min-width:220px;}.elementor-538 .elementor-element.elementor-element-10d9fdc button.elementskit-menu-hamburger{float:right;}.elementor-538 .elementor-element.elementor-element-10d9fdc button.elementskit-menu-hamburger .elementskit-menu-hamburger-icon{background-color:rgba(0, 0, 0, 0.5);}.elementor-538 .elementor-element.elementor-element-10d9fdc button.elementskit-menu-hamburger > .ekit-menu-icon{color:rgba(0, 0, 0, 0.5);}.elementor-538 .elementor-element.elementor-element-10d9fdc button.elementskit-menu-hamburger:hover .elementskit-menu-hamburger-icon{background-color:rgba(0, 0, 0, 0.5);}.elementor-538 .elementor-element.elementor-element-10d9fdc button.elementskit-menu-hamburger:hover > .ekit-menu-icon{color:rgba(0, 0, 0, 0.5);}.elementor-538 .elementor-element.elementor-element-10d9fdc button.elementskit-menu-close{color:rgba(51, 51, 51, 1);}.elementor-538 .elementor-element.elementor-element-10d9fdc button.elementskit-menu-close:hover{color:rgba(0, 0, 0, 0.5);}.elementor-538 .elementor-element.elementor-element-42b97b6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-538 .elementor-element.elementor-element-f248c03{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-538 .elementor-element.elementor-element-8c8712d .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:700;color:#000000;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-538 .elementor-element.elementor-element-77d361aa{width:var( --container-widget-width, 35% );max-width:35%;--container-widget-width:35%;--container-widget-flex-grow:0;}.elementor-538 .elementor-element.elementor-element-10d9fdc{width:var( --container-widget-width, 1000px );max-width:1000px;--container-widget-width:1000px;--container-widget-flex-grow:0;}.elementor-538 .elementor-element.elementor-element-10d9fdc .elementskit-nav-identity-panel{padding:10px 0px 10px 0px;}.elementor-538 .elementor-element.elementor-element-10d9fdc .elementskit-menu-container{max-width:89%;border-radius:0px 0px 0px 0px;}.elementor-538 .elementor-element.elementor-element-10d9fdc .elementskit-navbar-nav > li > a{color:#000000;padding:10px 15px 10px 15px;}.elementor-538 .elementor-element.elementor-element-10d9fdc .elementskit-navbar-nav .elementskit-submenu-panel > li > a{padding:15px 15px 15px 15px;}.elementor-538 .elementor-element.elementor-element-10d9fdc .elementskit-navbar-nav .elementskit-submenu-panel{border-radius:0px 0px 0px 0px;}.elementor-538 .elementor-element.elementor-element-10d9fdc button.elementskit-menu-hamburger{padding:8px 8px 8px 8px;width:45px;border-radius:3px;}.elementor-538 .elementor-element.elementor-element-10d9fdc button.elementskit-menu-close{padding:8px 8px 8px 8px;margin:12px 12px 12px 12px;width:45px;border-radius:3px;}.elementor-538 .elementor-element.elementor-element-10d9fdc .elementskit-nav-logo > img{max-width:160px;max-height:60px;}.elementor-538 .elementor-element.elementor-element-10d9fdc .elementskit-nav-logo{margin:5px 0px 5px 0px;padding:5px 5px 5px 5px;}}@media(max-width:767px){.elementor-538 .elementor-element.elementor-element-c7ed106{--margin-top:0px;--margin-bottom:-19px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-538 .elementor-element.elementor-element-0543f52{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-538 .elementor-element.elementor-element-ca83efb{--width:50%;--min-height:45px;}.elementor-538 .elementor-element.elementor-element-77d361aa{width:var( --container-widget-width, 83% );max-width:83%;--container-widget-width:83%;--container-widget-flex-grow:0;text-align:center;}.elementor-538 .elementor-element.elementor-element-77d361aa img{width:100%;max-width:100%;height:61px;object-fit:contain;object-position:center center;}.elementor-538 .elementor-element.elementor-element-381c3ce{--width:30%;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-538 .elementor-element.elementor-element-10d9fdc{width:var( --container-widget-width, 1000px );max-width:1000px;--container-widget-width:1000px;--container-widget-flex-grow:0;}.elementor-538 .elementor-element.elementor-element-10d9fdc .elementskit-menu-container{max-width:76%;}.elementor-538 .elementor-element.elementor-element-10d9fdc .elementskit-nav-logo > img{max-width:120px;max-height:50px;}.elementor-538 .elementor-element.elementor-element-42b97b6{--width:20%;}.elementor-538 .elementor-element.elementor-element-f248c03{--width:20%;}}@media(min-width:768px){.elementor-538 .elementor-element.elementor-element-0543f52{--width:100%;}.elementor-538 .elementor-element.elementor-element-ca83efb{--width:25%;}.elementor-538 .elementor-element.elementor-element-381c3ce{--width:72%;}.elementor-538 .elementor-element.elementor-element-42b97b6{--width:9%;}.elementor-538 .elementor-element.elementor-element-f248c03{--width:15%;}}/* Start custom CSS for ekit-nav-menu, class: .elementor-element-10d9fdc *//* =========================================================
   BADAGRES - ELITE MEGAMENU UI
========================================================= */

:root {
    --bdg-gold: #c5a059;
    --bdg-black: #111111;
    --bdg-text-muted: #666666;
    --bdg-bg-dropdown: #ffffff;
}

/* 1. MENÚ PRINCIPAL (Nivell 1 sobre fons Daurat) */
.elementor-538 .elementor-element.elementor-element-10d9fdc .elementskit-navbar-nav > li > a {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 13px !important;
    font-weight: 700 !important; /* Pugem el pes perquè llegeixi bé sobre el color */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    color: #000 !important; /* LLETRA EN REPÒS: Blanc (o posa #111111 si la vols negra) */
    transition: all 0.3s ease !important;
}

/* Hover Nivell 1: Contrast extrem */
.elementor-538 .elementor-element.elementor-element-10d9fdc .elementskit-navbar-nav > li > a:hover,
.elementor-538 .elementor-element.elementor-element-10d9fdc .elementskit-navbar-nav > li.elementskit-dropdown-has.elementskit-menu-item-hover > a {
    color: #111111 !important; /* LLETRA A L'HOVER: Negre pur */
    background: transparent !important;
}

/* L'icona de fletxeta cap avall */
.elementor-538 .elementor-element.elementor-element-10d9fdc .elementskit-submenu-indicator {
    font-size: 10px !important;
    margin-left: 6px !important;
    transition: transform 0.3s ease;
}
.elementor-538 .elementor-element.elementor-element-10d9fdc .elementskit-navbar-nav > li:hover .elementskit-submenu-indicator {
    transform: rotate(180deg);
    color: #111111 !important; /* La fletxa també es torna negra */
}
/* 2. CAIXA DEL MEGAMENÚ (El contenidor que s'obre) */
.elementor-538 .elementor-element.elementor-element-10d9fdc .elementskit-megamenu-panel {
    background-color: var(--bdg-bg-dropdown) !important;
    border-top: 3px solid var(--bdg-gold) !important; /* Línia d'accent a dalt */
    box-shadow: 0 20px 40px rgba(0,0,0,0.1) !important; /* Ombra elegant */
    padding: 10px !important; 
    border-radius: 0 0 4px 4px !important;
}

/* 3. TÍTOLS DINS DEL MEGAMENÚ (H2/H3) */
.elementor-538 .elementor-element.elementor-element-10d9fdc .elementskit-megamenu-panel .elementor-heading-title {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
    color: var(--bdg-black) !important;
    text-transform: uppercase;
    margin-bottom: 5px;
}

/* 4. LLISTA D'ENLLAÇOS (Categories) */
.elementor-538 .elementor-element.elementor-element-10d9fdc .elementskit-megamenu-panel .elementor-icon-list-item a {
    display: block;
    transition: all 0.3s ease !important;
}

.elementor-538 .elementor-element.elementor-element-10d9fdc .elementskit-megamenu-panel .elementor-icon-list-text {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    color: var(--bdg-text-muted) !important;
    transition: all 0.3s ease !important;
}

/* Efecte Hover a les categories: Desplaçament i Color */
.elementor-538 .elementor-element.elementor-element-10d9fdc .elementskit-megamenu-panel .elementor-icon-list-item:hover {
    transform: translateX(8px); /* Llisca cap a la dreta */
}
.elementor-538 .elementor-element.elementor-element-10d9fdc .elementskit-megamenu-panel .elementor-icon-list-item:hover .elementor-icon-list-text {
    color:#000000 !important;
}

/* 5. GRAELLA DE LOGOS DE MARQUES (Efecte Showroom) */
.elementor-538 .elementor-element.elementor-element-10d9fdc .elementskit-megamenu-panel .elementor-widget-image img {
    filter: grayscale(100%) opacity(0.6) contrast(120%); /* Blanc i negre apagat per defecte */
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
    mix-blend-mode: multiply; /* Fa que els fons blancs dels logos desapareguin si el megamenú té fons */
    transform: scale(0.95);
}

/* A l'hover, el logo cobra vida */
.elementor-538 .elementor-element.elementor-element-10d9fdc .elementskit-megamenu-panel .elementor-widget-image:hover img {
    filter: grayscale(0%) opacity(1) contrast(100%);
    transform: scale(1.05); /* Lleuger zoom */
}

/* Línies separadores internes del megamenú */
.elementor-538 .elementor-element.elementor-element-10d9fdc .elementskit-megamenu-panel .elementor-divider-separator {
    border-top: 1px solid rgba(0,0,0,0.1) !important;
}/* End custom CSS */