.individualbanner2 .banner-content
/* SYSTEM-TWIG CANVIS */
header .nav-link.active {color: var(--header-menu-color-hover);}

/* GENERAL */
figure{margin-bottom: 0; width: 100%;}
.img-fluid{width: 100%;}
.content-text .h1, .content-text .h2, .content-text .h3, .content-text .h4, .content-text .h5, .content-text .h6, .content-text h1, .content-text h2, .content-text h3, .content-text h4, .content-text h5, .content-text h6, .content-text .title {margin-bottom: 15px;}
.content-text p + h2{margin-top: 30px;}
.content-text p + h3{margin-top: 25px;}
.content-text h5 + h3, .content-text h4 + h3{margin-top: 25px;}
.content-text p + h5, .content-text p + h4{margin-top: 20px;}
.content-text p + h5, .content-text p + h4, .content-text p:has( + p){margin-bottom: 20px;}

.title--underline .title, .title--underline.title { margin-bottom: var(--margin-bottom-s); width: fit-content; padding-bottom: var(--padding-bottom-s); position: relative; }
.title--underline .title::after, .title--underline.title::after { content: ""; height: 2px; width: 100%; max-width: 244px; position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; background-color: var(--main-color-4); border-radius: 100px; }
.title--underline-left .title::after, .title--underline-left.title::after { margin-left: 0; }
.title--underline-right .title::after, .title--underline-right.title::after { margin-right: 0; }

.visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }

[class*="swiper-button-"]{ background-color: rgba(255,255,255,0.5); border-radius: 100px; height: 60px; width: 60px; text-decoration: none; transition: all .3s ease-in-out;}
[class*="swiper-button-"]:hover{background-color: #ffffff;}
[class*="swiper-button-"]::after{ color: var(--main-color-1); font-size: 50px; font-weight: bold; font-family: "Font Awesome 6 Free";}
.swiper-button-disabled{display: none;}
.swiper-button-next{ justify-content: end; }
.swiper-button-prev{ justify-content: start; }
.swiper-button-next::after{ padding-right: 13px; content: '\f054';}
.swiper-button-prev::after{ padding-left: 13px; content: '\f053';}
.swiper .swiper-button svg{width: 50px; height: 50px; stroke-width: 2px;}

.Blog.fitxa .nav-item.Blog .nav-link:not(.dropdown-item), .Serveis.fitxa .nav-item.Serveis .nav-link:not(.dropdown-item), .Projectes.fitxa .nav-item.Projectes .nav-link:not(.dropdown-item) {color: var(--header-menu-color-hover);}
.Blog.fitxa .nav-item.Blog .nav-link:not(.dropdown-item)::before, .Serveis.fitxa .nav-item.Serveis .nav-link:not(.dropdown-item)::before, .Projectes.fitxa .nav-item.Projectes .nav-link:not(.dropdown-item)::before{ background-color: var(--header-menu-active-bg-color); width: 100%; transform: none;}

.btn{font-weight: 600;}
.btn::after { content: ""; position: absolute; top: -2px; left: -2px; bottom: -2px; display: flex; align-items: center; justify-content: center; background-color: var(--button-bg-color); background-repeat: no-repeat; background-position: center; background-size: 24px; border-radius: var(--button-border-radius); border: 2px var(--button-border-type) var(--button-border-color); transition: all .3s ease-in-out; aspect-ratio: 1/1; }
.btn:hover::after{color: #fff; background-color: var(--button-color);}

.btn-icon { aspect-ratio: 1 / 1; padding: 0 !important; width: 50px; height: 50px; }
.btn-icon::after { /* position: static; */ border: none; background-color: unset !important;}
.btn-icon:hover{background-color: var(--main-color-2) !important; color: #fff !important;}
.btn-icon:hover::after {color: #fff !important; background-color: unset !important;}
.btn-icon-eye .btn::after, .btn-icon-eye.btn::after { background-image: url("/media/images/iconos_botones/icono_ojo.svg"); }
.btn-icon-i .btn::after, .btn-icon-i.btn::after { background-image: url("/media/images/iconos_botones/icono_i.svg"); }
.btn-icon-bubble .btn::after, .btn-icon-bubble.btn::after { background-image: url("/media/images/iconos_botones/icono_chat.svg");}
.btn-icon-envelope .btn::after, .btn-icon-envelope.btn::after { background-image: url("/media/images/iconos_botones/icono_carta.svg");}   
.btn-icon-eye .btn:hover::after, .btn-icon-eye.btn:hover::after { background-image: url("/media/images/iconos_botones/icono_ojo_white.svg");}
.btn-icon-i .btn:hover::after, .btn-icon-i.btn:hover::after { background-image: url("/media/images/iconos_botones/icono_i_white.svg");}
.btn-icon-bubble .btn:hover::after, .btn-icon-bubble.btn:hover::after { background-image: url("/media/images/iconos_botones/icono_chat_white.svg");}
.btn-icon-envelope .btn:hover::after, .btn-icon-envelope.btn:hover::after { background-image: url("/media/images/iconos_botones/icono_carta_white.svg");}


.mix-multiply, .mix-multiply *{mix-blend-mode: multiply;}

.max-half.center{margin: 0 auto;}

.font-weight-100, .font-weight-100 *{font-weight:100;}
.font-weight-200, .font-weight-200 *{font-weight:200;}
.font-weight-300, .font-weight-300 *{font-weight:300;}
.font-weight-400, .font-weight-400 *{font-weight:400;}
.font-weight-500, .font-weight-500 *{font-weight:500;}
.font-weight-600, .font-weight-600 *{font-weight:600;}
.font-weight-700, .font-weight-700 *{font-weight:700;}
.font-weight-800, .font-weight-800 *{font-weight:800;}
.font-weight-900, .font-weight-900 *{font-weight:900;}

.color-2, .color-2 *{color: var(--main-color-2)}
.color-10, .color-10 *{color: var(--main-color-10)}

.pl-xl{padding-left: clamp(50px, 21.171px + 9.009vw, 150px);}

/* HEADER */
.navbar-toggler-icon { width: 24px !important; transform: translateX(0px); }
.navbar-toggler-icon:after,.navbar-toggler-icon:before { width: 24px !important; transform: translateX(0px); }
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:after { transform: translateX(0px) rotate(45deg); width: 24px; left: 0; }
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:before { transform: translate(0px,8px) rotate(-45deg); width: 24px; }
.navbar-toggler-icon { width: 16px; height: 18px; background-image: none; position: relative; display: block; padding: 0; margin: 0; margin-right: 7px; border-bottom: 1px solid var(--dark); transform: translateX(8px); } 
.navbar-toggler-icon:after,.navbar-toggler-icon:before { width: 16px; position: absolute; height: 1px; background-color: var(--dark); top: 1px; left: 0; content: ''; z-index: 2; /* transform: translateX(-8px); */ transition: all 300ms linear; }
.navbar-toggler-icon:after { top: 9px; width: 24px; left: 0; }
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:after { transform: rotate(45deg); width: 24px; left: 0; }
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:before { transform: translate(0,8px) rotate(-45deg); width: 24px; }
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon { border-color: transparent; transition: all 300ms linear; }

.languages .lang-item a,
.main-navigation .navbar-nav > .nav-item > .nav-link ,
.main-navigation .navbar-nav > .nav-item > .nav-link > .data{letter-spacing: 4px;}

/* DROPDOWN MENU */
/* =============================================
   MENU SERVEIS - DROPDOWN ESTIL menu-on-off
   ============================================= */

/* Contenidor dropdown */
.nav-item.dropdown.Serveis .dropdown-menu {
    background-color: #ffffff;
    border: none;
    border-radius: 0;
    padding: 0;
    min-width: 320px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

/* Llista submenu */
.nav-item.dropdown.Serveis .dropdown-menu .sub {
    list-style: none;
    padding: 0 !important;
    margin: 0 !important;
}

/* Cada ítem */
.nav-item.dropdown.Serveis .dropdown-menu .nav-item {
    /* border-bottom: 1px solid #f0f0f0; */
}
.nav-item.dropdown.Serveis .dropdown-menu .nav-item:last-child {
    border-bottom: none;
}

/* Enllaç */
.nav-item.dropdown.Serveis .dropdown-menu .nav-link.dropdown-item {
    display: flex;
    align-items: center;
    padding: 10px 20px;
    transition: background-color 0.25s ease;
}

/* HOVER / ACTIVE — fons gris clar (pàgina 2 del PDF) */
.nav-item.dropdown.Serveis .dropdown-menu .nav-link.dropdown-item:hover,
.nav-item.dropdown.Serveis .dropdown-menu .nav-link.dropdown-item:focus,
.nav-item.dropdown.Serveis .dropdown-menu .nav-link.dropdown-item.active {
    background-color: #E6E9EB;
}

/* Contenidor .data — flex per alinear icona | línia | text */
.nav-item.dropdown.Serveis .dropdown-menu .nav-link .data {
    display: flex;
    align-items: center;
    gap: 0;
    width: 100%;
}

/* Icona */
.nav-item.dropdown.Serveis .dropdown-menu .nav-link .data img {
    width: 60px;
    height: 60px;
    object-fit: contain;
    flex-shrink: 0;
}

/* Línia vertical vermella (separador) */
.nav-item.dropdown.Serveis .dropdown-menu .nav-link .data > span {
    position: relative;
    padding-left: 20px;
    margin-left: 15px;
}
.nav-item.dropdown.Serveis .dropdown-menu .nav-link .data > span::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 45px;
    background-color: var(--main-color-4);
    /* border-radius: 2px; */
}

/* Text */
.nav-item.dropdown.Serveis .dropdown-menu .nav-link .data > span {
    font-size: 1.1rem;
    font-weight: normal;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #000000;
}

/* Amagar toggler si no cal */
.nav-item.dropdown.Serveis .dropdown-menu .toggler-inside {
    display: none;
}

/* CONTACTO */
.background-type3:has(.contact-form-wrapper){--background3-color: var(--content-p-color)}
.contact-form-wrapper label{font-weight: 400;}

.contact-info::after { content: ""; display: block; height: 3px; position: absolute; left: 45px; width: 3px; background: var(--main-color-4); top: 0; --spacer: 7px; box-shadow: 0px 0px 0 0px var(--main-color-4), 0px calc(1 * var(--spacer)) 0 0px var(--main-color-4), 0px calc(2 * var(--spacer)) 0 0px var(--main-color-4), 0px calc(3 * var(--spacer)) 0 0px var(--main-color-4), 0px calc(4 * var(--spacer)) 0 0px var(--main-color-4), 0px calc(5 * var(--spacer)) 0 0px var(--main-color-4), 0px calc(6 * var(--spacer)) 0 0px var(--main-color-4), 0px calc(7 * var(--spacer)) 0 0px var(--main-color-4), 0px calc(8 * var(--spacer)) 0 0px var(--main-color-4), 0px calc(9 * var(--spacer)) 0 0px var(--main-color-4), 0px calc(10 * var(--spacer)) 0 0px var(--main-color-4), 0px calc(11 * var(--spacer)) 0 0px var(--main-color-4), 0px calc(12 * var(--spacer)) 0 0px var(--main-color-4), 0px calc(13 * var(--spacer)) 0 0px var(--main-color-4), 0px calc(14 * var(--spacer)) 0 0px var(--main-color-4), 0px calc(15 * var(--spacer)) 0 0px var(--main-color-4), 0px calc(16 * var(--spacer)) 0 0px var(--main-color-4), 0px calc(17 * var(--spacer)) 0 0px var(--main-color-4), 0px calc(18 * var(--spacer)) 0 0px var(--main-color-4), 0px calc(19 * var(--spacer)) 0 0px var(--main-color-4), 0px calc(20 * var(--spacer)) 0 0px var(--main-color-4), 0px calc(21 * var(--spacer)) 0 0px var(--main-color-4), 0px calc(22 * var(--spacer)) 0 0px var(--main-color-4), 0px calc(23 * var(--spacer)) 0 0px var(--main-color-4), 0px calc(24 * var(--spacer)) 0 0px var(--main-color-4), 0px calc(25 * var(--spacer)) 0 0px var(--main-color-4), 0px calc(26 * var(--spacer)) 0 0px var(--main-color-4), 0px calc(27 * var(--spacer)) 0 0px var(--main-color-4), 0px calc(28 * var(--spacer)) 0 0px var(--main-color-4), 0px calc(29 * var(--spacer)) 0 0px var(--main-color-4); /* z-index: 1; */ border-radius: 100px; margin-top: 2px; }
.contact-item { display: flex; align-items: center; margin-bottom: 15px; gap: 15px;  position: relative; z-index: 1;}
.contact-item:nth-child(2) {margin-bottom: 30px;}
.contact-item:last-child { margin-bottom: 0; }
.contact-item:first-child .contact-text {padding-top: 30px;}
.contact-item .contact-text p a, .contact-item .contact-text p{font-size: 16px;}
.contact-item:nth-child(2) .contact-text p a { font-size: 25px; font-weight: 600; color: var(--main-color-2);}
.contact-icon { color: var(--main-color-4);  fill: var(--main-color-4); flex-shrink: 0; width: 65px; height: 65px; background-color: var(--main-color-3); margin-bottom: auto;}
.contact-icon svg { width: 100%; height: 100%; color: var(--main-color-4);  fill: var(--main-color-4);}
.contact-text { color: var(--content-p-color); font-size: 14px; line-height: 1.5; }
.contact-link { text-decoration: none; font-weight: 500; }
.contact-link:hover { text-decoration: underline; }

.contact-form-wrapper .checkbox-inline{display: flex; align-items: start; justify-content: start; margin-bottom: 20px;}
.contact-form-wrapper #acepto_condiciones-2575, .contact-form-wrapper #acepto_comunicacion-2575{ min-width: 25px; min-height: 25px; display: inline-block; margin: 0 10px 0 0 !important; border-radius: 0 !important; }

.contact-form-wrapper .btn{margin-top: 50px;}

/* SERVICIOS FICHA */
.hero-service{padding-top: var(--padding-top-m) !important; /* padding-bottom: var(--padding-bottom-m) !important; */}
.hero-service--left-column { position: relative; padding-top: 15px; padding-right: 30px; }
.hero-service > .hero-service-inner{ position: relative; }
.hero-service--left-column .hero-service--title{text-transform: uppercase; font-size: clamp(22px, 19.694px + 0.721vw, 30px); letter-spacing: 5px; font-weight: 500; color: #000000; margin-left: auto;}
.hero-service--left-column .hero-service--subtitle { font-size: 30px; font-weight: bold; max-width: 25ch; margin-left: auto; --content-heading-color: var(--main-color-2);}
.hero-service--right-column{ padding-left: 30px; padding-bottom: var(--padding-bottom-m);}

.item-list--title.Projectes{ text-transform: uppercase; letter-spacing: 5px; font-size: 30px; font-weight: 400; /* padding-top: 15px; */}

/* CARRUSEL SERVICIOS */
.item-list.Serveis {padding: 50px clamp(30px, 9.766px + 3.513vw, 60px); max-width: 1700px;}
.item-list.Serveis .item {padding: 30px 0; transition: all 0.3s ease-in-out;}
.item-list.Serveis .item .item-heading { width: fit-content; margin: 0 auto; }
.item-list.Serveis .item .item-heading .item-title-link{text-decoration: none;}
.item-list.Serveis .item .item-heading .item-title { text-align: center; font-size: 20px; color: #000; text-transform: uppercase; letter-spacing: 5px; font-weight: 400; }
.item-list.Serveis .item .item-heading .item-title::after{max-width: 100px;}
.item-list.Serveis .item .item-miniature img{height: 250px !important; width: auto !important; display: block; margin: 0 auto; padding: 15px;}
.item-list.Serveis .item:hover{background-color: #fff; box-shadow: 0 0 40px 5px rgba(0,0,0,0.5);}

/* CARRUSEL BLOG */
#blog .hero-general .hero-general--title{margin-bottom: 0;}

.item-list-wrapper.Blog {padding: 0 15px;}
.item-list.Blog .item {padding-bottom: clamp(30px, 21.351px + 2.703vw, 60px); padding-right: 30px; padding-left: 30px;}
.item-list.Blog .item .item-details{ padding: 30px 20px 20px; background-color: var(--main-color-3); }
.item-list.Blog .item .item-details .item-title-link{text-decoration: none;}
.item-list.Blog .item .item-details .item-title{color: var(--content-heading-color); margin-bottom: 15px; font-weight: bold; font-size: clamp(18px, 16.270px + 0.541vw, 24px);}
.item-list.Blog .item .item-details .item-summary p{--content-p-color: #4d4d4d;}
.item-list.Blog .item .item-details .item-btn{margin-top: 30px;}
.item-list.Blog .item > div { display: flex; flex-direction: column; height: 100%; }
.item-list.Blog .item { height: auto; }
.item-list.Blog .item .item-details .item-content { display: flex; flex-direction: column; height: 100%; }
.item-list.Blog .item .item-details .item-summary { margin-bottom: 30px; }

.item-list.Blog .pagination-box{display: flex; justify-content: center; align-items: center; gap: 30px;}
.item-list.Blog .pagination-box .pagination{justify-content: center; align-items: center; gap: 0; margin-bottom: 0;}
.pagination-button{ background-color: var(--main-color-3); border-radius: 100px; height: 60px; width: 60px; text-decoration: none; transition: all .3s ease-in-out; display: flex; justify-content: center; align-items: center;}
.pagination-button:hover{background-color: #ffffff;}
.pagination-button::after{ color: var(--main-color-1); font-size: 50px; font-weight: bold;}
.pagination-button-disabled{opacity: 0; pointer-events: none;}
.pagination-button-next::after{ padding-right: 7px; }
.pagination-button-prev::after{ padding-left: 7px; }
.pagination-button svg{width: 50px; height: 50px; stroke-width: 2px;}

.pagination-item:not(.accessible_page) { display: none; }
.pagination-separator, .pagination-ellipsis { list-style: none; color: var(--main-color-1); font-weight: bold; display: flex; align-items: center; user-select: none; }
.pagination-ellipsis { letter-spacing: 2px; }
.pagination-item--link { color: var(--main-color-1); text-decoration: none; font-weight: bold; padding: 5px 8px; }
.pagination-item--link:hover { text-decoration: underline; }
.pagination-item--link.active { color: #c25a3a; /* Color vermellós com a la imatge */ }

/* CTA PROYECTO NUEVO */
.individualbannersheet .banner-content{left: 10%;}
.individualbannersheet .banner-content .title{ color: #fff; font-size: clamp(25px, 1.393px + 4.098vw, 60px); max-width: 20ch; font-weight: bold; }
.individualbannersheet .banner-content .btn{margin-top: clamp(50px, -34.309px + 14.637vw, 175px); margin-left: clamp(0px, -50.585px + 8.782vw, 75px);}

/* CARRUSEL PROYECTOS */
.swiper.Projectes{overflow: visible;}
.swiper.Projectes .swiper-wrapper{padding: 50px 0;}
.swiper-button-next, .swiper-button-prev{top: 40% !important;}
.swiper.Projectes .item .item-miniature img{transition: all 0.3s ease-in-out;}
.swiper.Projectes .item:hover {z-index: 100;}
.swiper.Projectes .item:hover .item-miniature img{transform: scale(1.05); box-shadow: 0 0 20px 5px rgba(0,0,0,0.2);}

/* LISTADO PROYECTOS */
.item-list.Projectes:not(.swiper) .item {margin-bottom: 30px;}
.item-list.Projectes:not(.swiper) .item:not(.special-item) > div{position: relative; overflow: hidden;}
.item-list.Projectes:not(.swiper) .item:not(.special-item) .item-details{position: absolute; display: block; width: 100%; height: 100%; background-color: rgba(212, 212, 212, 90%); left: 0; top: 0; padding: 30px; transform: translateY(100%); opacity: 0; transition: all 0.5s ease-in-out;pointer-events: none;}
.item-list.Projectes:not(.swiper) .item:not(.special-item):hover .item-details{ transform: none; opacity: 1; pointer-events: all;}
.item-list.Projectes:not(.swiper) .item:not(.special-item) .item-details .item-content{display: flex; flex-direction: column; justify-content: space-between; height: 100%;}
.item-list.Projectes:not(.swiper) .item:not(.special-item) .item-details .item-heading .item-title-link{text-decoration: none;}
.item-list.Projectes:not(.swiper) .item:not(.special-item) .item-details .item-heading .item-title-link .item-title{text-align: center; color: var(--main-color-2); font-weight: 400; --content-h3-font-size: clamp(18px, 9.906px + 1.405vw, 30px);}
.item-list.Projectes:not(.swiper) .item:not(.special-item) .item-details .item-link .btn{margin: 0 auto;}

.item-list.Projectes:not(.swiper) .special-item{height: auto;}
.item-list.Projectes:not(.swiper) .special-item .single-post-slide-wrap, .item-list.Projectes:not(.swiper) .special-item .item-details{height: 100%;}
.item-list.Projectes:not(.swiper) .special-item .item-details{background-color: var(--main-color-2); --content-p-color: #fff; --content-heading-color: #fff; padding: 30px; aspect-ratio: 1/1; display: block; width: 100%;}
.item-list.Projectes:not(.swiper) .special-item .item-details .item-content{height: 100%; display: flex; flex-direction: column; justify-content: space-between;}
.item-list.Projectes:not(.swiper) .special-item .item-details .item-title{text-transform: uppercase;}
.item-list.Projectes:not(.swiper) .special-item .item-details .item-summary p{font-size: clamp(16px, 7.906px + 1.405vw, 28px);}
.item-list.Projectes:not(.swiper) .special-item .item-details .item-forward-list .next-arrow {margin-left: auto; display: block; width: fit-content;}
.item-list.Projectes:not(.swiper) .special-item .item-details .item-forward-list .next-arrow a { background-color: rgba(255,255,255,0.5); border-radius: 100px; /* font-size: 50px; */ height: 60px; width: 60px; text-decoration: none; justify-content: end; transition: all .3s ease-in-out; display: flex;}
.item-list.Projectes:not(.swiper) .special-item .item-details .item-forward-list .next-arrow a i { color: var(--main-color-1); font-size: 60px; padding-right: 5px; line-height: 51px;}
.item-list.Projectes:not(.swiper) .special-item .item-details .item-forward-list .next-arrow a:hover{background-color: #fff;}

/* HEADER */
.basic-header .navigation-wrap { border-bottom: 1px solid color-mix(in srgb, var(--main-color-2), rgba(255, 255, 255, 52%)); }
.basic-header .navigation-wrap.cbp-af-header-shrink, .basic-header .navigation-wrap { border-bottom: 1px solid color-mix(in srgb, var(--main-color-2), rgba(255, 255, 255, 52%)); }
.basic-header .navigation-wrap .main-navigation{padding: 0 45px; align-items: end;}
.basic-header .navigation-wrap .main-navigation .navbar-nav{margin-right: auto;}
.basic-header .navigation-wrap .main-navigation .navbar-brand{margin: 20px 0;}
.basic-header .nav-link:not(.dropdown-item){padding-bottom: 10px;}
.basic-header .nav-link:not(.dropdown-item)::before { height: 11px; top: unset; bottom: -5.5px; z-index: 1; width: 100%; transform: translateY(2px);}
.basic-header .nav-link.active:not(.dropdown-item)::before, .basic-header .nav-link:hover:not(.dropdown-item)::before {transform: translateY(0);}
.basic-header .languages{padding: 0;}

#index .navigation-wrap .fullwidth{padding: 0 15px;}
.navigation-wrap .custom-header .main-navigation{justify-content: center;}
.navigation-wrap .custom-header .navbar-brand{margin-bottom: 30px;}
.navigation-wrap .custom-header .main-navigation .navbar-collapse { background-color: color-mix(in srgb, var(--main-color-4) 52%, transparent); padding: 0 25px; width: 100%; max-width: 1430px; margin: 0 auto; justify-content: space-around; }
.navigation-wrap .custom-header .languages {padding-right: 30px;}
.navigation-wrap .custom-header .languages .lang-item{font-weight: bold;}


/* BLOQUE HERO */
.hero-general{max-width: 991px; margin:0 auto; padding: var(--padding-top-l) 0; --margin-bottom-m: clamp(30px, 25.676px + 1.351vw, 45px); --content-p-font-size: clamp(16px, 14.847px + 0.360vw, 20px); }
.hero-general .hero-general--subtitle { margin-bottom: 15px; text-transform: uppercase; font-size: 18px; letter-spacing: 3px; color: var(--main-color-2); }
.hero-general .hero-general--title {margin-bottom: var(--margin-bottom-m); padding-bottom: var(--padding-bottom-m);}

/* BANNER 2 */
.individualbanner2 .portfolio-thumb{position: relative;}
.individualbanner2 .portfolio-thumb::after{content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: rgba(0,0,0,0.3);}
.individualbanner2 .portfolio-thumb img{min-height: 600px; object-fit: cover;}
.individualbanner2 .banner-content{ left: clamp(50px, -124.018px + 22.659vw, 200px); top: 50px; bottom: 50px; max-width: 728px; background-color: color-mix(in srgb, var(--main-color-8), rgba(255,255,255,0.75)); padding: clamp(15px, -8.607px + 4.098vw, 50px); height: fit-content; margin: auto;}
.individualbanner2 .banner-content .title{margin-bottom: 15px;}
.individualbanner2 .banner-content .content-text h3{color: var(--main-color-2);}

/* FILTER */
.filter-box .filter-field { display: flex; gap: 25px; flex-direction: row; align-items: center; margin-bottom: var(--margin-bottom-s); /* padding-top: 15px; */ width: 100%; justify-content: center; }
.filter-box .filter-field .form-check {color: var(--main-color-2);font-weight: 700;text-transform: uppercase; padding-left: 0;}
.filter-box .filter-field .form-check input {opacity: 0;visibility: hidden;}
.filter-box .filter-field .form-check label { cursor: pointer; white-space: nowrap; transition: all 0.3s ease-in-out; font-size: clamp(20px, 18.270px + 0.541vw, 26px);}
/* Si NO hay ningún checkbox/radio marcado dentro del form, colorea el label de "Cancelar filtros" */
form.filters-list:not(:has(input[type="checkbox"]:checked)) .filter-buttons > label,
.filter-box .filter-field .form-check:has(input:checked) label,.filter-box .filter-field .form-check label:hover { color: var(--main-color-4); }
.filter-box .filter-field .filter-buttons { margin-top: 0;}

/* FICHA BLOG */
.Blog.fitxa .main-content{max-width: 991px; margin: 0 auto;}
.Blog.fitxa .main-content .title--underline .title,
.Blog.fitxa .main-content .title--underline.title{margin-bottom: var(--margin-bottom-m); padding-bottom: var(--padding-bottom-m);}

/* COMPARTIR PAGINA */
.share-page{ justify-content: center; align-items: center; margin-bottom: var(--margin-bottom-l); position: relative; padding-top: var(--padding-top-l); margin-top: var(--margin-top-l); display: flex;}
.share-page::before{ content: ""; height: 2px; width: 100%; max-width: 244px; position: absolute; top: 0; left: 0; right: 0; margin: 0 auto; background-color: var(--main-color-4); border-radius: 100px; }
.share-page .share-item {gap: 75px; display: flex; width: auto;}
.share-page .share-item a{background-color: #b1c6d5 !important; transition: all 0.3s ease-in-out; height: 65px; width: 65px !important; border-radius: 10px; padding: 10px; display: flex; align-items: center; justify-content: center; text-decoration: none;}
.share-page .share-item a i{color: #fff; transition: all 0.3s ease-in-out; font-size: 40px;}
.share-page .share-item a:hover{background-color: #668eab !important; transform: unset !important;}
.share-page .share-item a:hover i{color: #fff;}

/* PARALLAX */
.parallax { height: var(--parallax-height); background-image: var(--background-image); background-position: var(--background-position); background-repeat: var(--background-repeat); background-size: var(--background-size); display: flex; justify-content: start; align-items: center; }

.parallax-content{ max-width: 1100px; padding-left: clamp(50px, 35.586px + 4.505vw, 100px);}
.parallax-content .parallax-content-details{background-color: rgba(255,255,255,0.7); position: relative; padding: clamp(30px, 19.883px + 1.756vw, 45px) clamp(30px, 19.883px + 1.756vw, 45px) clamp(60px, 45.586px + 4.505vw, 110px);}
.parallax-content .parallax-content-details .title{margin-bottom: var(--margin-bottom-m);}
.parallax-content .parallax-content-details .content-text p{font-size: clamp(18px, 12.811px + 1.622vw, 36px); --content-p-color: var(--main-color-10);}
.parallax-content .parallax-content-details .title, .parallax-content .parallax-content-details a{text-decoration: none; color: var(--main-color-10); --content-h2-font-size: clamp(30px, 23.081px + 2.162vw, 54px);}
.parallax-content .content-btn { margin-top: 75px; display: block;}
.parallax-content .content-btn .btn{margin: 0 auto;}

/* HOME */
.fondo-gradiente-home{position: absolute; bottom: 30px; left: 0; right: 0;/*  height: 40%; */ /* background: linear-gradient(0deg, #106996, transparent); */ display: flex; align-items: center; justify-content: center;}
.fondo-gradiente-home .title { max-width: 44%; min-width: 800px; --content-heading-color: #fff; --content-h1-font-size: clamp(36px, 31.964px + 1.261vw, 50px); letter-spacing: 7px; }

#parallax-home-main .title {
    max-width: 44%;
    min-width: 800px;
    --content-heading-color: #fff;
    --content-h2-font-size: clamp(36px, 31.964px + 1.261vw, 50px) !important;
    letter-spacing: 7px;
    font-weight: normal !important;
    margin: 0 auto !important;
    display: block;
}

/* FICHA SERVICIOS */
.Serveis.fitxa .item-list-wrapper.Projectes .swiper-wrapper{padding-bottom: 0; padding-top: 25px; }
/* .Serveis.fitxa .item-list-wrapper.Projectes .item img{aspect-ratio: 16/9; overflow: hidden; object-fit: cover; object-position: center;} */

/* PAGINA EMPRESA */
#empresa .background-type3{--background3-color: var(--content-p-color);}
#empresa .background-type3 .title:not([class*="h"]){color: var(--main-color-6); /* margin-bottom: var(--margin-bottom-s); */}
#empresa .individualbanner2 .content-title{width: 70%;}
#empresa .individualbanner2{--content-p-font-size: clamp(16px, 15.135px + 0.270vw, 19px);}

#empresa .empresa-izquierda-2 > .row,
#empresa .empresa-derecha-1 > .row{width: 100%;}

/* FOOTER */
footer{border-top: 4px solid var(--main-color-4);}
footer .content-text p:has(+ p) { margin-bottom: 15px; }
footer .text-underline a{text-decoration: underline;}


/* VIDEO */
/* .video > div{ pointer-events: none; aspect-ratio: 16 / 9; width: 100%; height: 100%; } */

#video-container-2717 .video-player{border-radius: 0 !important;}