.elementor-241 .elementor-element.elementor-element-96562e5{--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;}.elementor-241 .elementor-element.elementor-element-b240780{--display:flex;--min-height:650px;--justify-content:flex-end;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--overlay-opacity:0.56;--border-radius:20px 20px 20px 20px;--margin-top:25px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:100px;--padding-bottom:100px;--padding-left:100px;--padding-right:100px;}.elementor-241 .elementor-element.elementor-element-b240780:not(.elementor-motion-effects-element-type-background), .elementor-241 .elementor-element.elementor-element-b240780 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://tallersgaliano.com/wp-content/uploads/2025/12/unnamed-3.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-241 .elementor-element.elementor-element-b240780::before, .elementor-241 .elementor-element.elementor-element-b240780 > .elementor-background-video-container::before, .elementor-241 .elementor-element.elementor-element-b240780 > .e-con-inner > .elementor-background-video-container::before, .elementor-241 .elementor-element.elementor-element-b240780 > .elementor-background-slideshow::before, .elementor-241 .elementor-element.elementor-element-b240780 > .e-con-inner > .elementor-background-slideshow::before, .elementor-241 .elementor-element.elementor-element-b240780 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.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-241 .elementor-element.elementor-element-56efaea{width:var( --container-widget-width, 75.849% );max-width:75.849%;--container-widget-width:75.849%;--container-widget-flex-grow:0;text-align:left;}.elementor-241 .elementor-element.elementor-element-56efaea.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-241 .elementor-element.elementor-element-56efaea .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:75px;font-weight:900;text-transform:uppercase;color:#FFFFFF;}.elementor-241 .elementor-element.elementor-element-6da4848{width:var( --container-widget-width, 91.383% );max-width:91.383%;--container-widget-width:91.383%;--container-widget-flex-grow:0;text-align:left;}.elementor-241 .elementor-element.elementor-element-6da4848.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-241 .elementor-element.elementor-element-6da4848 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:26px;font-weight:300;color:#FFFFFF;}.elementor-241 .elementor-element.elementor-element-43c640e{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-241 .elementor-element.elementor-element-43c640e.e-con{--align-self:center;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-241 .elementor-element.elementor-element-2df6c7a .elementor-button{background-color:#FFFFFF00;height:50px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:inline-flex;font-family:"Manrope", Sans-serif;font-size:16px;font-weight:600;fill:#FFFFFF;color:#FFFFFF;border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF;border-radius:6px 6px 6px 6px;}.elementor-241 .elementor-element.elementor-element-2df6c7a .elementor-button:hover, .elementor-241 .elementor-element.elementor-element-2df6c7a .elementor-button:focus{background-color:#4DB1B8;color:#FFFFFF;border-color:#02010100;}.elementor-241 .elementor-element.elementor-element-2df6c7a .elementor-button:hover svg, .elementor-241 .elementor-element.elementor-element-2df6c7a .elementor-button:focus svg{fill:#FFFFFF;}.elementor-241 .elementor-element.elementor-element-048017b{--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;--justify-content:center;}.elementor-241 .elementor-element.elementor-element-048017b:not(.elementor-motion-effects-element-type-background), .elementor-241 .elementor-element.elementor-element-048017b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-241 .elementor-element.elementor-element-336d902{--display:flex;--min-height:20px;--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;--justify-content:center;}.elementor-241 .elementor-element.elementor-element-8777828{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 100px) 0px;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-241 .elementor-element.elementor-element-b240780{--min-height:450px;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-241 .elementor-element.elementor-element-56efaea .elementor-heading-title{font-size:30px;}.elementor-241 .elementor-element.elementor-element-43c640e{--justify-content:center;}}/* Start custom CSS for html, class: .elementor-element-8777828 *//* CONTENEDOR GENERAL */
.gx-container {
    display: flex;
    gap: 50px;
    margin-top: 20px;
    color: #fff;
    font-family: Inter, sans-serif;
}

/* ===== SIDEBAR ===== */
.gx-sidebar {
    width: 260px;
    display: flex;
    flex-direction: column;
    gap: 25px;
}

/* Search */
.gx-search input {
    width: 100%;
    padding: 14px 16px;
    border-radius: 10px;
    background: #133337;
    border: 1px solid #0f2b2f;
    color: #c9d9dd;
}

/* Title */
.gx-sidebar-title {
    font-size: 14px;
    letter-spacing: 0.7px;
    text-transform: uppercase;
    color: #9aa7b2;
}

/* Filters */
.gx-filter-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.gx-filter-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 14px;
    border-radius: 8px;
    color: #c9d9dd;
    text-decoration: none;
    transition: .25s;
}

.gx-filter-item:hover {
    background: rgba(255,255,255,0.06);
}

.gx-filter-item.active {
    background: #0e7f76;
    color: #fff;
    font-weight: 600;
}

/* Icons */
.gx-icon {
    width: 22px;
    height: 22px;
    opacity: 0.85;
}

/* Featured */
.gx-featured {
    margin-top: 10px;
    padding: 10px 14px;
    display: flex;
    gap: 10px;
    align-items: center;
    color: #8cc0ff;
    background: rgba(255,255,255,0.05);
    border-radius: 8px;
}

/* ===== GRID ===== */
.gx-grid {
    flex: 1;
    display: grid;
    grid-template-columns: repeat(auto-fill,minmax(340px,1fr));
    gap: 30px;
}

/* Cards */
.gx-card {
    display: block;
    background: #111;
    border-radius: 16px;
    overflow: hidden;
    text-decoration: none;
    transition: .25s;
}

.gx-card:hover {
    transform: translateY(-4px);
}

.gx-thumb img {
    width: 100%;
    height: 220px;
    object-fit: cover;
}

/* Info */
.gx-info {
    padding: 18px;
}

.gx-cat {
    color: #8fa0aa;
    font-size: 13px;
}

.gx-title {
    color: #fff;
    margin: 6px 0 6px;
    font-size: 20px;
}

.gx-link {
    color: #4fd1c5;
    font-size: 14px;
}/* End custom CSS */
/* Start custom CSS */.elementor-portfolio__filters {
    float: left;
    width: 260px;
    margin-right: 30px;
}

.elementor-portfolio__container {
    overflow: visible;
}/* Llista de filtres en vertical */
.elementor-portfolio__filters {
    display: flex;
    flex-direction: column;
    gap: 10px; /* separació entre filtres */
    align-items: flex-start; /* que quedin alineats a l'esquerra */
}

/* Cada ítem del filtre ocupa tota la línia */
.elementor-portfolio__filters li {
    display: block;
    width: 100%;
}

/* ---------------------------------------------
   AÑADIR ICONOS A CADA FILTRO (usa tus URLs)
   — Reemplaza las URLs por las de tus iconos —
------------------------------------------------ */

/* 🔧 1 — Estructures de Metal */
.elementor-portfolio__filters li a[href*="estructures"]::before {
    content: "";
    background-image: url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&icon_names=oil_barrel");
}

/* 🔩 2 — Serralleria */
.elementor-portfolio__filters li a[href*="serralleria"]::before {
    content: "";
    background-image: url("URL-ICONO-SERRALLERIA");
}

/* 🚪 3 — Portes / Automatismes */
.elementor-portfolio__filters li a[href*="portes"]::before,
.elementor-portfolio__filters li a[href*="automatismes"]::before {
    content: "";
    background-image: url("URL-ICONO-PORTES");
}



/* ---------------------------------------------
   OCULTAR ICONO BASE PARA EVITAR QUE SE DUPLIQUE
------------------------------------------------ */
.elementor-portfolio__filters li::before {
    background-image: none;
}/* End custom CSS */