:root{
    --heading-font-family: "Helvetica", sans-serif;
    --general-text-font-family: "Helvetica", sans-serif;
    --menu-font-family: "Helvetica", sans-serif;
}

/* TIPOS */
@font-face {
    font-family: 'Helvetica';
    src: url('../fonts/Helvetica-Light.woff2') format('woff2'),
        url('../fonts/Helvetica-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica';
    src: url('../fonts/Helvetica-Bold.woff2') format('woff2'),
        url('../fonts/Helvetica-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica';
    src: url('../fonts/Helvetica.woff2') format('woff2'),
        url('../fonts/Helvetica.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


/* GENERAL */
.title, h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6{line-height: 150%; margin-bottom: clamp(15px, 12.117px + 0.901vw, 25px); letter-spacing: 1px;}
p{line-height: 150%; letter-spacing: 1px; margin-bottom: clamp(15px, 12.117px + 0.901vw, 25px);}
figure{margin-bottom: 0 !important;}
b, strong{font-weight: 900;}
h1{margin-bottom: 0; line-height: normal;}
h2{font-weight: 500; line-height: normal;}
.img-fluid{width: 100%;}

.btn{height: 36px; letter-spacing: 1px; text-transform: uppercase;}

.container:last-child, .fullwidth:last-child{margin-bottom: 0;}

.btn-brand-2.active:hover,
.btn-brand-2,
div[class*="background-type1"]:not(.contact-box) .btn.active:hover,
div[class*="background-type1"]:not(.contact-box) .btn{ background: #fff; color: #000; }
.btn-brand-2.active,
.btn-brand-2:hover,
div[class*="background-type1"]:not(.contact-box) .btn.active,
div[class*="background-type1"]:not(.contact-box) .btn:hover{ background: transparent; border-color: #ffff; color: #fff; }

.background-type1 *:not(.icon),
.background-type1 *:not(.icon::before),
.background-type1 *:not(i::before),
.background-type1 *:not(i){font-weight: 100;}

.navbar-light .navbar-toggler-icon{ width: 24px !important; transform: translateX(0px);}
.navbar-light .navbar-toggler-icon:after, .navbar-light .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; }

.dropdown-menu .nav-item + .nav-item{margin-top: 0;}
.nav-item .nav-link{letter-spacing: 1px;}
.dropdown-menu .nav-item{margin-top: 0;}
.dropdown-menu .nav-item .nav-link{padding: 15px !important; display: flex; align-items: center; justify-content: center; transition: all 0.3s ease-in-out;}
.dropdown-menu .nav-item:has(.dropdown-menu:hover) .nav-link,
.dropdown-menu .nav-item .nav-link:hover{background-color: #000; color: #fff;}
.dropdown-menu .nav-item:has(.dropdown-menu:hover) .nav-link .data,
.dropdown-menu .nav-item .nav-link:hover .data{color: #fff;}
.dropdown-menu .nav-item .nav-link:not(.dropdown)::after{content: unset;}

.banner{ position: relative; }
.banner.absolute {display: flex;}
.banner.absolute .banner-content{ position: absolute; z-index: 1; }
.banner.left{ justify-content: start;}
.banner.right{ justify-content: end;}
.banner.center{ justify-content: center;}
.banner.top-align{ align-items: start;}
.banner.down-align{ align-items: end;}
.banner.center-align{ align-items: center;}
.banner.left .content-text, .banner.left .title{ text-align: left;}
.banner.right .content-text, .banner.right .title{ text-align: right;}
.banner.center .content-text, .banner.center .title{ text-align: center;}
.banner.left .btn{margin-left: 0; margin-right: auto;}
.banner.right .btn{margin-left: auto; margin-right: 0;}
.banner.center .btn{margin-left: auto; margin-right: auto;}

/* HEADER */
.navigation-wrap{
    --container-padding-left: 10px;
    --container-padding-right: 10px;
    --fullwidth-container-padding-left: 10px;
    --fullwidth-container-padding-right: 10px;
}

.navigation-wrap .fullwidth:has(.main-navigation){ padding-left: var(--fullwidth-container-padding-left); padding-right: var(--fullwidth-container-padding-right); }

.navigation-wrap .nav-item .data{text-transform: uppercase;}
.navigation-wrap .languages{ list-style: none; padding: 0; margin: 0; display: flex ; justify-content: end; gap: 5px; padding: 10px; }
.navigation-wrap .languages .lang-item a{padding: 5px;}
.navigation-wrap .languages .lang-item.active{font-weight: bold;}

header .nav-link:not(.dropdown-item)::before{height: 1px;}

/* BREADCRUMB */
.breadcrumb-list{list-style: none; padding-left: 0; margin-bottom: 0; display: flex; padding: 10px; justify-content: left;}
.breadcrumb-list-item{width: auto; margin: 0;}
.breadcrumb-list-item + .breadcrumb-list-item{margin-left: 5px;}
.breadcrumb-list-item + .breadcrumb-list-item::before{content: " / ";}

/* CTA */
.call-to-action-box{padding: clamp(30px, 24.234px + 1.802vw, 50px) !important;}
.call-to-action-box img{max-height: 100px;}
/*HOME*/
#Banners-home-swiper- .banner-content {position: absolute; bottom:15px; left:25px;}
#Banners-home-swiper- .banner-content .title{margin:0; font-weight: bold;}
#Banners-home-swiper-{padding: 30px 15px;}
#index h1{margin:0;line-height: normal;}
#index h2{ font-weight: 500;line-height: normal;font-size: clamp(16px,3vw,30px);}
#Banners-home-swiper- a{pointer-events: none;}

/* FITXA MARQUES */
.Marques.fitxa .gallery .item{margin-bottom: 10px; padding-left: 5px; padding-right: 5px;}
.Marques.fitxa .gallery .blog-content-area-wrap{margin-left: -15px; margin-right: -15px;}
.mix.mix-1-col{width: 33.3333333% !important; margin-bottom: 10px; padding-left: 5px; padding-right: 5px;}
.Marques.fitxa h2{margin-bottom: 10px;}
.Marques.fitxa h1{margin-bottom: 10px;}
.accordion-container {
    width: 100%;
}

.accordion-item {
    border-bottom: 1px solid #ddd;
}

.accordion-button {
    width: 100%;
    padding: 15px 20px;
    background-color: #f5f5f5;
    border: none;
    text-align: left;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    transition: background-color 0.3s;
    position: relative;
}

.accordion-button:hover {
    background-color: #e0e0e0;
}

.accordion-button::after {
    content: '+';
    position: absolute;
    right: 20px;
    font-size: 20px;
    transition: transform 0.3s;
}

.accordion-button[aria-expanded="true"]::after {
    content: '−';
}

.accordion-content {
    padding: 15px 20px;
    background-color: #fff;
    overflow: hidden;
}

.accordion-content p {
    margin: 0 0 10px 0;
}

.accordion-content p:last-child {
    margin-bottom: 0;
}

/* ICONO + TEXTO */
.icontext{display: flex; align-items: center;justify-content: start; column-gap: 15px; padding: 10px 0;}
.icontext .icon{ font-size: 20px;}
.icontext .feature-info{display: flex; align-items: center; justify-content: start; column-gap: 15px; row-gap: 10px; flex-wrap: wrap;}
.icontext .feature-info .title{margin-bottom: 0; font-weight: bold;letter-spacing: 0.5px; font-size: 18px;}
.icontext .feature-info .contentext{display: flex; flex-wrap: wrap; column-gap: 10px;}
.icontext .feature-info p{ margin-bottom: 0;}

/* FORMULARIO */
#contacte-cita .contact-box > .row,
#contacte .contact-box > .row{align-items: center;}
#contacte-cita .contact-box .contact-box-left-column,
#contacte .contact-box .contact-box-left-column{padding-left: 45px; padding-top: clamp(30px, 15.586px + 4.505vw, 80px); padding-bottom: clamp(30px, 15.586px + 4.505vw, 80px);}
#contacte-cita .contact-box .contact-box-right-column,
#contacte .contact-box .contact-box-right-column{padding-left: 45px; padding-right: 45px; background-color: #fff; padding-top: clamp(30px, 15.586px + 4.505vw, 80px); padding-bottom: clamp(30px, 15.586px + 4.505vw, 80px);}
#contacte-cita .contact-box .contact-box-right-column *,
#contacte .contact-box .contact-box-right-column *{color: var(--content-p-color);}
#contacte-cita .contact-box .contact-box-right-column .btn,
#contacte .contact-box .contact-box-right-column .btn{color: #000;}
#contacte-cita .contact-box .contact-box-right-column .btn:hover,
#contacte .contact-box .contact-box-right-column .btn:hover{color: #fff;}
#contacte-cita .contact-box .icon,
#contacte .contact-box .icon{color: #fff;}

#contacte-cita #contact-box-row{padding-top: 100px; margin-top: -100px;}
#contacte-cita #contact-box-row .contact-box-left-column{order: 1;}
#contacte-cita #contact-box-row .contact-box-right-column{order: 0;}
#contacte-cita .contact-box .contact-box-left-column{padding-right: 45px; padding-top: clamp(30px, 15.586px + 4.505vw, 80px); padding-bottom: clamp(30px, 15.586px + 4.505vw, 80px);}
#contacte-cita .contact-box .contact-box-right-column{padding-right: 45px; padding-left: 45px; background-color: #fff; padding-top: clamp(30px, 15.586px + 4.505vw, 80px); padding-bottom: clamp(30px, 15.586px + 4.505vw, 80px);}

#contacte-cita .concertar-visita-box{background: #fff; position: relative; z-index: 1;}

.contact-form-wrapper .form-group:not(:has(textarea)) {margin-bottom: 50px;}
.contact-form-wrapper .form-group:has(textarea) {margin-bottom: 25px;}
.contact-form-wrapper .form-send { margin-bottom: 0 !important; display: flex; justify-content: space-between; padding: 0 15px; flex-wrap: wrap; gap: 15px; }
.contact-form-wrapper .form-send label{display: flex; align-items: center; font-size: var(--content-p-font-size) !important; gap: 15px;}
.contact-form-wrapper .form-send label input{margin-top: 0 !important;}
.contact-form-wrapper .form-group label{margin-bottom: 0; font-size: var(--content-p-font-size) !important; color: #8d8d8d;}
.contact-form-wrapper .form-group label textarea,
.contact-form-wrapper .form-group label input{ border-top: 0; border-left: 0; border-right: 0; margin-top: 10px; display: block;}

.intro-block:not(.intro-block--image) {padding-top: clamp(30px, 24.234px + 1.802vw, 50px); padding-bottom: clamp(30px, 24.234px + 1.802vw, 50px);}
.intro-block .portfolio-thumb{width: 100%;}
.intro-block .portfolio-thumb img{min-height: 400px; object-fit: cover;}
.intro-block.intro-block--image .banner-content{padding-left: 30px; padding-right: 30px;}
.intro-block.intro-block--image .banner-content .banner-content-details{padding: 30px; background-color: rgba(255,255,255,0.7);}
.intro-block .content-text:not(:has(+ a.btn)) p { margin-bottom: 0; }

.banner.individualbanner1:not(.absolute){padding-top: clamp(30px, 24.234px + 1.802vw, 50px); padding-bottom: clamp(30px, 24.234px + 1.802vw, 50px);}
.banner.individualbanner1.absolute .banner-content{max-width: 1430px; width: 100%; margin: 0 auto;}
.banner.individualbanner1.absolute .banner-content{padding-left: 30px; padding-right: 30px;}
.banner.individualbanner1.absolute .banner-content .banner-content-details{padding: 30px; background-color: rgba(255,255,255,0.7); width: fit-content;}
.banner figure{width: 100%;}

.buscador-group{width: calc(100% + 20px); max-width: calc(100% + 20px); left: -10px;}

/* LISTADO MARCAS */
.product-list:has(.Marques){margin-left: -15px; margin-right: -15px;}

.swiper.Marques .swiper-slide .post-title,
.product-list .Marques .item .post-title{text-align: center;}
.swiper.Marques .swiper-slide .post-miniature,
.product-list .Marques .item .post-miniature{margin-bottom: 15px; }
.swiper.Marques .swiper-slide .post-title a,
.product-list .Marques .item .post-title a{text-decoration: none;}
.swiper.Marques .swiper-slide .post-title .title,
.product-list .Marques .item .post-title .title{font-size: var(--content-p-font-size); }

.swiper.Marques .swiper-slide .post-miniature{overflow: hidden;}
.swiper.Marques .swiper-slide .post-miniature:hover{}
.swiper.Marques .swiper-slide .post-miniature img{transition: all 1s cubic-bezier(0.12, 0.27, 0.09, 0.87); transform: scale(1);}
.swiper.Marques .swiper-slide .post-miniature:hover img{ transform: scale(1.15); }

.swiper-minimal.Marques .swiper-wrapper{align-items: center;}
.swiper-minimal.Marques {padding-top: 30px; padding-bottom: 30px;}
.swiper-minimal.Marques .swiper-slide .post-title .title{ text-transform: uppercase; font-weight: var(--content-p-font-weight); font-size: var(--content-p-font-size); text-align: center; margin-bottom: 0;}
.swiper-minimal.Marques .swiper-slide .post-title a{text-decoration: none;}

.Marques.lev-1 .product-list {padding-left: 5px; padding-right: 5px;}
/*QUI SOM*/
.image-text--info p{text-align: center;}
/* #region FLECHAS CARRUSEL */
.Marques.swiper:not(.swiper-minimal) {padding-top: 25px; padding-left: 10px; padding-right: 10px;}
.Marques.swiper .swiper-title{font-weight: lighter;}

.swiper-button-next, .swiper-button-prev{top: 25px; width: 19px; height: 13px; padding: 15px; box-sizing: content-box;}
.swiper-button-next{right: 0;}
.swiper-button-prev{right: 45px; left: unset;}
.swiper-button-next::after{ content:""; background-image: url(/media/images/iconos/arrow-right-black.svg); background-repeat: no-repeat; width: 19px; height: 13px;}
.swiper-button-prev::after{ content:""; background-image: url(/media/images/iconos/arrow-left-black.svg); background-repeat: no-repeat; width: 19px; height: 13px;}
.background-type1 .swiper-button-next::after,
.background-type1 .swiper-button-prev::after{filter: invert(1);}

.video img{border-radius: 0 !important;}

.image-text--info .image{max-width: 120px;margin: 0 auto;display: block;margin-bottom: 15px;border-radius: 100px;background: #000;padding: 20px;}
.image-text--info .image img{display: block;filter: invert(1);}
.image-text--info .feature-info .title{font-size: var(--content-h4-font-size); margin-bottom: 15px;}

footer{ padding-top: 30px; }

footer .menu-box .h3,
footer .horarios .h3{color: #fff; margin-bottom: 15px; font-size: clamp(14px, 12.847px + 0.360vw, 18px);}

footer .horarios p{margin-bottom: 0;}
footer .horarios p + p{margin-top: 10px;}

footer .footer-info-box .footer-info--item-title { letter-spacing: 1px; font-weight: 600; margin-bottom: 15px; font-size: clamp(14px, 12.847px + 0.360vw, 18px); }
footer .footer-info-box .footer-info--item-content p { margin-bottom: 15px; }

footer .menu-box .menu {margin: 0;}
footer .menu-box .menu .nav-list .nav-item{margin: 0; margin-bottom: 10px;}

footer .menu-box .menu {margin: 0;}
footer .menu-box .menu .nav-list .nav-item{margin: 0; margin-bottom: 10px;}

footer .footer-bottom{ display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; padding: 15px 0; }
footer .footer-bottom .left-column p{ margin: 0; }
footer .footer-bottom .right-column p{ margin: 0; display: flex; align-items: end; gap: 10px; flex-wrap: wrap; }

.floating-icon{z-index: 1000;}

@media only screen and (min-width: 1550px) {
    #contacte .contact-box .contact-box-left-column{padding-left: calc((100vw - 1430px) / 2);}
    #contacte .contact-box .contact-box-right-column { padding-right: calc((100vw - 1430px) / 2); }
    #contacte-cita .contact-box .contact-box-left-column{padding-right: calc((100vw - 1430px) / 2);}
    #contacte-cita .contact-box .contact-box-right-column { padding-left: calc((100vw - 1430px) / 2); }
}

@media only screen and (max-width: 991px){
    footer .footer-bottom{ justify-content: center; row-gap: 15px; }
    .dropdown-menu .nav-item .nav-link{justify-content: left;}   
    .mix.mix-1-col{width: 50% !important; margin-bottom: 10px; padding-left: 5px; padding-right: 5px;}
}
@media only screen and (max-width: 678px){
    .swiper-button-next, .swiper-button-prev{top: 65px;}
    .Marques.swiper .swiper-title{margin-bottom: 50px;}
}
@media only screen and (max-width: 480px){
    .mix.mix-1-col{width: 100% !important; margin-bottom: 10px; padding-left: 5px; padding-right: 5px;}
}

ul.pagination {
    gap: 20px;
}