/* @import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap'); */
:root{
    --margin-top-xs: 15px;
    --margin-left-xs: 15px;
    --margin-right-xs: 15px;
    --margin-bottom-xs: 15px;
    --title-margin-bottom: 30px;
    /* --heading-font-family: "Inter", sans-serif;
    --general-text-font-family: "Inter", sans-serif;
    --menu-font-family: "Inter", sans-serif; */
}
.max-half.center,
.max-third.center{margin-left: auto; margin-right: auto;}
@media only screen and (min-width: 576px){
    .max-half { max-width: 991px; min-width: 576px; }
    .max-third { max-width: 650px; min-width: 576px; }
}

/* GENERALES */
.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;}

/* FIN GENERALES */

body{overflow: hidden;}
figure{margin-bottom: 0;}
b, strong{font-weight: 700;}
.img-fluid{width: 100%;}

.fullwidth .container,
.container .fullwidth,
.container .container,
.fullwidth .fullwidth {padding-left: 0 !important; padding-right: 0 !important;}

.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: var(--title-margin-bottom);}
.content-text ul + h2,
.content-text p + h2{margin-top: 45px;}
.content-text ul + h3,
.content-text p + h3{margin-top: 40px;}
.content-text ul + p, .content-text h5 + h3, .content-text h4 + h3{margin-top: 30px;}
.content-text ul + h5, .content-text ul + h4,
.content-text p + h5, .content-text p + h4{margin-top: 40px;}
.content-text p:has(+ ul), .content-text p + h5, .content-text p + h4, .content-text p:has( + p){margin-bottom: 15px;}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6, .title {margin-bottom: var(--title-margin-bottom);}
.item-title{margin-bottom: 15px;}

main .fullwidth[class*="background-type"]{padding-top: var(--padding-top-m); padding-bottom: var(--padding-bottom-m);}

.center .btn{margin-left: auto; margin-right: auto;}

.btn:not(.no-style-btn *):not(.no-style-btn){text-transform:uppercase;letter-spacing:3.5px;font-weight:bold;transition:all 0.3s ease-in-out;white-space:nowrap;}
/* .btn-secundario .btn, .btn.btn-secundario { --button-color: var(--main-color-1); --button-color-hover: #ffffff; --button-bg-color: var(--main-color-3); --button-bg-color-hover: var(--main-color-1); --footer-button-color: var(--main-color-1); --footer-button-color-hover: #ffffff; --footer-button-bg-color: var(--main-color-3); --footer-button-bg-color-hover: var(--main-color-1); } */

.column > .btn-brand { display: block; width: fit-content; margin-left: auto; margin-right: auto; }
.btn-wrapper > .row { justify-content: center; row-gap: 30px; }
.btn-wrapper .col-12 { max-width: unset !important; flex: unset !important; width: auto !important; }

/* ===== BOTONS — VARIANTS ===== */
.btn.btn-gold, .btn-gold .btn { --header-button-bg-color: var(--main-color-3); --footer-button-bg-color: var(--main-color-3); --button-bg-color: var(--main-color-3); --header-button-bg-color-hover: var(--main-color-1); --footer-button-bg-color-hover: var(--main-color-1); --button-bg-color-hover: var(--main-color-1); --header-button-color: var(--main-color-1); --footer-button-color: var(--main-color-1); --button-color: var(--main-color-1); --header-button-color-hover: var(--main-color-3); --footer-button-color-hover: var(--main-color-3); --button-color-hover: var(--main-color-3); --header-button-border-color: var(--main-color-3); --footer-button-border-color: var(--main-color-3); --button-border-color: var(--main-color-3); --header-button-border-color-hover: var(--main-color-1); --footer-button-border-color-hover: var(--main-color-1); --button-border-color-hover: var(--main-color-1); }
.btn.btn-outline, .btn-outline .btn { --header-button-bg-color: transparent; --footer-button-bg-color: transparent; --button-bg-color: transparent; --header-button-bg-color-hover: var(--main-color-1); --footer-button-bg-color-hover: var(--main-color-1); --button-bg-color-hover: var(--main-color-1); --header-button-color: var(--main-color-1); --footer-button-color: var(--main-color-1); --button-color: var(--main-color-1); --header-button-color-hover: #faf7f2; --footer-button-color-hover: #faf7f2; --button-color-hover: #faf7f2; --header-button-border-color: var(--main-color-1); --footer-button-border-color: var(--main-color-1); --button-border-color: var(--main-color-1); --header-button-border-color-hover: var(--main-color-1); --footer-button-border-color-hover: var(--main-color-1); --button-border-color-hover: var(--main-color-1); }
.btn.btn-outline-gold, .btn-outline-gold .btn { --header-button-bg-color: transparent; --footer-button-bg-color: transparent; --button-bg-color: transparent; --header-button-bg-color-hover: var(--main-color-3); --footer-button-bg-color-hover: var(--main-color-3); --button-bg-color-hover: var(--main-color-3); --header-button-color: var(--main-color-4); --footer-button-color: var(--main-color-4); --button-color: var(--main-color-4); --header-button-color-hover: var(--main-color-1); --footer-button-color-hover: var(--main-color-1); --button-color-hover: var(--main-color-1); --header-button-border-color: var(--main-color-3); --footer-button-border-color: var(--main-color-3); --button-border-color: var(--main-color-3); --header-button-border-color-hover: var(--main-color-3); --footer-button-border-color-hover: var(--main-color-3); --button-border-color-hover: var(--main-color-3); }
.btn.btn-sm, .btn-sm .btn { --header-button-padding-top: 12px; --footer-button-padding-top: 12px; --button-padding-top: 12px; --header-button-padding-bottom: 12px; --footer-button-padding-bottom: 12px; --button-padding-bottom: 12px; --header-button-padding-left: 28px; --footer-button-padding-left: 28px; --button-padding-left: 28px; --header-button-padding-right: 28px; --footer-button-padding-right: 28px; --button-padding-right: 28px; --header-button-font-size: 10px; --footer-button-font-size: 10px; --button-font-size: 10px; }
.btn.btn-lg, .btn-lg .btn { --header-button-padding-top: 20px; --footer-button-padding-top: 20px; --button-padding-top: 20px; --header-button-padding-bottom: 20px; --footer-button-padding-bottom: 20px; --button-padding-bottom: 20px; --header-button-padding-left: 50px; --footer-button-padding-left: 50px; --button-padding-left: 50px; --header-button-padding-right: 50px; --footer-button-padding-right: 50px; --button-padding-right: 50px; --header-button-font-size: 12px; --footer-button-font-size: 12px; --button-font-size: 12px; }
.background-type3 .btn:not(.no-style-btn *):not(.no-style-btn):not(.btn-gold):not(.btn-brand):not(.btn-secundario) { --header-button-bg-color: var(--main-color-3); --footer-button-bg-color: var(--main-color-3); --button-bg-color: var(--main-color-3); --header-button-bg-color-hover: transparent; --footer-button-bg-color-hover: transparent; --button-bg-color-hover: transparent; --header-button-color: var(--main-color-1); --footer-button-color: var(--main-color-1); --button-color: var(--main-color-1); --header-button-color-hover: var(--main-color-3); --footer-button-color-hover: var(--main-color-3); --button-color-hover: var(--main-color-3); --header-button-border-color: var(--main-color-3); --footer-button-border-color: var(--main-color-3); --button-border-color: var(--main-color-3); --header-button-border-color-hover: var(--main-color-3); --footer-button-border-color-hover: var(--main-color-3); --button-border-color-hover: var(--main-color-3); }
.btn.btn-white, .btn-white .btn { --header-button-bg-color: #faf7f2; --footer-button-bg-color: #faf7f2; --button-bg-color: #faf7f2; --header-button-bg-color-hover: transparent; --footer-button-bg-color-hover: transparent; --button-bg-color-hover: transparent; --header-button-color: var(--main-color-1); --footer-button-color: var(--main-color-1); --button-color: var(--main-color-1); --header-button-color-hover: #faf7f2; --footer-button-color-hover: #faf7f2; --button-color-hover: #faf7f2; --header-button-border-color: #faf7f2; --footer-button-border-color: #faf7f2; --button-border-color: #faf7f2; --header-button-border-color-hover: #faf7f2; --footer-button-border-color-hover: #faf7f2; --button-border-color-hover: #faf7f2; }
.btn.btn-outline-white, .btn-outline-white .btn { --header-button-bg-color: transparent; --footer-button-bg-color: transparent; --button-bg-color: transparent; --header-button-bg-color-hover: #faf7f2; --footer-button-bg-color-hover: #faf7f2; --button-bg-color-hover: #faf7f2; --header-button-color: #faf7f2; --footer-button-color: #faf7f2; --button-color: #faf7f2; --header-button-color-hover: var(--main-color-1); --footer-button-color-hover: var(--main-color-1); --button-color-hover: var(--main-color-1); --header-button-border-color: #faf7f2; --footer-button-border-color: #faf7f2; --button-border-color: #faf7f2; --header-button-border-color-hover: #faf7f2; --footer-button-border-color-hover: #faf7f2; --button-border-color-hover: #faf7f2; }



/* --------------------------------------------- */

header .social-icons ul {justify-content:flex-end;margin:0}
/* .titlem .title {line-height:1.1;margin-bottom:var(--title-margin-bottom)}
.btn.btn-lg {padding:15px 60px!important} */
#contentfitxa .swiper.gallery {height:auto}
.buscador-list-item .buscador-form .search-form .buscador-group input {border:1px solid var(--header-menu-color);color:#fff}
.buscador-list-item .buscador-form .search-form .buscador-group input::placeholder {color:#fff}
.buscador-list-item .buscador-form .search-form .buscador-group .icon-input svg {color:#fff;stroke:#fff;stroke-width:2px}
#ajax-search-input::placeholder {color:#fff;opacity:1;font-size:14px;font-weight:100}
#ajax-search-input::-webkit-input-placeholder {color:#fff;font-size:14px;font-weight:100}
#ajax-search-input:-ms-input-placeholder {color:#fff;font-size:14px;font-weight:100}
#ajax-search-input::-ms-input-placeholder {color:#fff;font-size:14px;font-weight:100}

/* HEADER */
.navbar-actions .navbar-nav{flex-direction: row; align-items: center;}
.search-toggler svg { color: var(--main-color-3); stroke: var(--main-color-3); }
.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(--main-color-3); /* transform: translateX(8px); */ }
.navbar-toggler-icon:after,.navbar-toggler-icon:before { width: 16px; position: absolute; height: 1px; background-color: var(--main-color-3); 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; }
.buscador-list-item{ margin-top: var(--header-menu-item-margin-top); margin-bottom: var(--header-menu-item-margin-bottom); margin-left: var(--header-menu-item-margin-left); margin-right: var(--header-menu-item-margin-right); }
.nav-item.cart_expander{margin-right: calc(var(--header-menu-item-margin-right) + 3px);}

@media (max-width: 1199.98px) {
    .main-navigation.navbar { flex-wrap: wrap; }
    .main-navigation .navbar-brand { order: 0; }
    .main-navigation .navbar-content.navbar-actions { order: 1; }
    .main-navigation .navbar-content.navbar-collapse { order: 2; width: 100%; }
}

.extratop{ padding-top: 5px; padding-bottom: 5px; --header-p-font-size: 14px; }
/* HEADER */

/* HOME */
.nav-item.featured .nav-link {background-color:var(--header-menu-color);color:#000;padding:3px 10px;border-radius:5px;margin-top:-3px}
.nav-item.featured .nav-link span {color:#000!important}

@media (min-width: 992px){
    .main-navigation {padding-left:30px;padding-right:30px}
}
#index main > div {padding-top:0}

#trustbar .imagetext {display:flex;flex-direction:column;align-items:center}
#trustbar .imagetext .image.image-svg{margin-bottom: 15px;}
#trustbar .imagetext .image.image-svg{filter: brightness(0) invert(1); transition: all 0.3s ease-in-out; }
#trustbar .imagetext .image.image-svg img{height: 40px; width: auto;}
#trustbar .imagetext .title {font-size: 18px; margin-bottom: 15px;}
#trustbar .imagetext p {font-size:15px; }

#index #banners .bloque,
#index #banners .col-lg-4 {padding:0}
#index #banners .row:has(> .col-lg-4) { margin-left: 0; margin-right: 0; padding-right: 15px; padding-left: 15px; }

.individualbanner1 {overflow:hidden}
.individualbanner1 .portfolio-thumb {margin-bottom:0;width:100%}
.individualbanner1 .banner-content .title { color: #fff; font-size: var(--content-h3-font-size); margin-bottom: 15px; }
.individualbanner1 .banner-content .content-text { --content-p-color: #fff; max-width: 40ch; }
.individualbanner1 .banner-content {padding: 30px;}
.individualbanner1 a:hover {text-decoration:none}
.individualbanner1 .portfolio-thumb::after {content:"";display:block;width:100%;height:100%;position:absolute;left:0;right:0;top:0;bottom:0;background:#0000;background:linear-gradient(to top,rgba(0,0,0,0.9) 20%,rgba(0,0,0,0) 80%)}
.individualbanner1 .portfolio-thumb img {transition:all 0.5s ease-in-out}
.individualbanner1:hover .portfolio-thumb img {transform:scale(1.05)}

#featured .icon {color:#d4af37}

.home-banner{}
.home-banner > .row{position: relative;}
.home-banner--image::after{content: ""; display: block; background: linear-gradient(to top, rgba(0,0,0,0.9) 20%, rgba(0,0,0,0) 80%); left: 0; right: 0; top: 0; bottom: 0; position: absolute;}
.home-banner--content { position: absolute; padding: 30px; max-width: unset; width: 100%; --content-heading-color: #fff; --content-p-color: #fff; --content-strong-color: #fff; z-index: 2; left: clamp(0px, -225.740px + 22.779vw, 100px); bottom: clamp(0px, -225.740px + 22.779vw, 100px); }
.home-banner--content-buttons{display: flex; gap: 30px; margin-top: 30px; flex-wrap: wrap;}
@media only screen and (min-width: 992px){
    .home-banner--content { max-width: 768px; }
}

@media only screen and (max-width: 991px){
    .home-banner--content{ --content-h1-font-size: var(--content-h3-font-size)}
    #index #banners .bloque, #index #banners .col-lg-4{margin-bottom: 15px; padding-left: 7.5px; padding-right: 7.5px;}
    #index #banners .row:has(> .col-lg-4) { margin-left: -7.5px; margin-right: -7.5px; padding-right: 7.5px; padding-left: 7.5px; }
}


/* HOME */

/*ecommerce*/
.breadcrumb {padding:10px 0;margin-bottom:0}
.breadcrumb ul {display:flex;margin:0}
.breadcrumb ul li {list-style:none;margin-bottom:0}
.breadcrumb ul li:first-child {margin-right:10px}
.breadcrumb ul li:first-child:after {content:"/"}

/* FICHA PRODUCTOS */
.Productos.fitxa main { --content-h1-font-size: 26px; --content-h2-font-size: 20px; --content-h3-font-size: 18px; --content-h4-font-size: 16px; --content-h5-font-size: 16px; --content-h6-font-size: 16px; --content-li-font-size: 15px; --content-p-font-size: 15px; }
.Productos.fitxa main strong{font-weight: 600;}

.Marcas.fitxa header .item-marcas ,
.Productos.fitxa header .item-productos {color: var(--header-menu-color-hover);}
.Marcas.fitxa header .item-marcas .nav-link,
.Productos.fitxa header .item-productos .nav-link {color: var(--header-menu-color-hover);}

.Marcas.fitxa header .item-marcas .nav-link:not(.dropdown-item)::before ,
.Productos.fitxa header .item-productos .nav-link:not(.dropdown-item)::before { background-color: var(--header-menu-active-bg-color); width: 100%;}

.Productos.fitxa .breadcrumb-list{background: unset; padding: 25px 10px;}
.Productos.fitxa .breadcrumb-list ul{padding: 0; list-style: none; margin-bottom: 0; display: flex;}
.Productos.fitxa .breadcrumb-list ul li{margin-bottom: 0;}
.Productos.fitxa .breadcrumb-list ul li + li::before{content: "/"; padding-left: 5px; padding-right: 2px;}
.Productos.fitxa .breadcrumb-list ul a{text-decoration: none;}
.Productos.fitxa .breadcrumb-list ul li::after, .Productos.fitxa .breadcrumb-box .breadcrumb ul a span{ color: #000;}
.Productos.fitxa .breadcrumb-list ul li a svg{stroke: #000; color: #000; transition: all .3s ease-in-out;}
.Productos.fitxa .breadcrumb-list ul li a:hover svg{stroke: var(--content-a-hover-color); color: var(--content-a-hover-color);}

.accordion-intro{margin-bottom: var(--margin-bottom-m);}
.acordio .card {margin-bottom:15px;}
.acordio .card .card-header .title .btn {width:100%;font-weight:300;justify-content:space-between;text-transform:unset;letter-spacing:unset;white-space:unset;transition:none;}
.acordio .card .card-header .title .btn span {font-weight:300; font-size: 14px;}

.Productos.fitxa .main-gallery { padding-right: clamp(15px, -18.861px + 3.417vw, 30px); }
.Productos.fitxa .main-gallery .gallery.swiper { display: block; background: #fefefe; /* box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.1); */ border-radius: 6px; padding: 30px; border: 1px solid rgba(0, 0, 0, 0.1); }
.Productos.fitxa .main-gallery .gallery.swiper img { aspect-ratio: 1; object-fit: contain; display: block; /* padding: 30px; */ mix-blend-mode: multiply; }
.Productos.fitxa .main-gallery .gallery-thumbs.swiper .item { aspect-ratio: 1; object-fit: contain; display: block; /* padding: 30px; */ mix-blend-mode: multiply;  display: block; background: #fefefe; border-radius: 6px; padding: 5px; border: 1px solid rgba(0, 0, 0, 0.1);}
.Productos.fitxa .main-gallery .gallery-thumbs.swiper .item.swiper-slide-thumb-active{border-color: var(--main-color-3);}
.Productos.fitxa .main-gallery .gallery-thumbs.swiper .item:not(.swiper-slide-thumb-active) img { opacity: 0.7;}

.Productos.fitxa .gallery .gallery-thumbs {box-sizing: border-box; padding: 15px 10px; margin: 0 -10px; }
.Productos.fitxa .gallery .gallery-thumbs .swiper-wrapper,
.Productos.fitxa .gallery .gallery-thumbs .swiper-slide { height: 100%;}
.Productos.fitxa .gallery .gallery-thumbs .swiper-slide {  width: calc((100% / 6) - 10px); margin-right: 10px;}
.Productos.fitxa .gallery .gallery-thumbs .single-post-slide-wrap { height: 100%; }
.Productos.fitxa .gallery .gallery-thumbs img { aspect-ratio: 1; object-fit: cover; display: block; }

.Productos.fitxa .tab-content { --content-li-font-size: 15px; --content-p-font-size: 15px; }
.Productos.fitxa .tab-content ul{margin: 16px 0;}
.Productos.fitxa .tab-content table {background-color:#eee; width: 100%;}
.Productos.fitxa .tab-content table td {padding:10px; font-size: var(--content-p-font-size);}
.Productos.fitxa .tab-content table tbody {padding:15px 25px;display:block; column-count: 2;}
.Productos.fitxa .tabs-container .nav-tabs {border-color:#000;gap:10px}
.Productos.fitxa .tabs-container .nav-item {padding-top:10px}
.Productos.fitxa .tabs-container .nav-item .nav-link {padding:10px 20px;letter-spacing:0.5px;font-size:16px}
.Productos.fitxa .tabs-container .nav-item .nav-link.active {border-color:#000;border-bottom-color:transparent;color:#000}
.Productos.fitxa .tabs-container .tab-content {padding:25px;border:1px solid #000;border-top:unset}

.Productos.fitxa .especificaciones-text .ef-container {width: 100%;background-color: #f9fafb;border: 1px solid #f3f4f6;border-radius: 8px;overflow: hidden;font-size: 14px;}
.Productos.fitxa .especificaciones-text .ef-container > p{padding: 10px 16px;}
.Productos.fitxa .especificaciones-text .ef-container > .ef-title {padding: 10px 16px;border-bottom: 1px solid #e5e7eb;background-color: rgba(243, 244, 246, 0.5); }
.Productos.fitxa .especificaciones-text .ef-container > .ef-title .title{margin-bottom: 10px; font-size: 18px;}
.Productos.fitxa .especificaciones-text .ef-container .ef-item {display: flex;justify-content: space-between;align-items: center;padding: 10px 16px;border-bottom: 1px solid #f3f4f6; margin-bottom: 0;}
.Productos.fitxa .especificaciones-text .ef-container .ef-item:last-child { border-bottom: none; }
.Productos.fitxa .especificaciones-text .ef-container .ef-item .ef-title { font-weight: 500; color: #3b3b3b; }
.Productos.fitxa .especificaciones-text .ef-container .ef-item .ef-content {font-weight: 700;text-align: right;}

.Productos.fitxa .especificaciones-text .ef-container .ef-item:hover { background: var(--main-color-6); }
.Productos.fitxa .especificaciones-text .ef-container .ef-item:has(.ef-content:empty){display: none;}
.Productos.fitxa .especificaciones-text .ef-container .ef-item:nth-last-child(2):has(+ .ef-item .ef-content:empty) { border-bottom: none; }

.Productos.fitxa .acordion-container,
.Productos.fitxa .content-text{ --title-margin-bottom: 15px; }
.Productos.fitxa .content-text ul+h2, .Productos.fitxa .content-text p+h2 { margin-top: 25px; }
.Productos.fitxa .content-text ul+h3, .Productos.fitxa .content-text p+h3 { margin-top: 20px; }
.Productos.fitxa .content-text ul+p, .Productos.fitxa .content-text h5+h3, .Productos.fitxa .content-text h4+h3 { margin-top: 20px; }
.Productos.fitxa .content-text ul+h5, .Productos.fitxa .content-text ul+h4, .Productos.fitxa .content-text p+h5, .Productos.fitxa .content-text p+h4 { margin-top: 20px; }
.Productos.fitxa .content-text p:has(+ ul), .Productos.fitxa .content-text p+h5, .Productos.fitxa .content-text p+h4, .Productos.fitxa .content-text p:has(+ p) { margin-bottom: 15px; }


/* LISTADO DE PRODUCTOS */
.item-list.Productos {--heading-font-family: "poppins", sans-serif;}
.item-list.Productos .item{height: auto;}
.item-list.Productos .item:not(.swiper-slide){margin-bottom: 30px;}
.item-list.Productos .item .single-post-slide-wrap { /* border-radius: 8px; */ /* border: 1px solid #e5e5e5; */ --content-h3-font-size: 16px; height: 100%; position: relative; overflow: hidden; }
.item-list.Productos .item .item-miniature{overflow: hidden; }
.item-list.Productos .item .item-miniature img{transition: all 0.3s ease-in-out; aspect-ratio: 1; object-position: center; object-fit: contain;}
.item-list.Productos .item:hover .item-miniature img{transform: scale(1.1);}
.item-list.Productos .item .item-details {padding: 15px;}
.item-list.Productos .item .item-details .item-title-link{text-decoration: none;}
.item-list.Productos .item .item-badges,
.item-list.Productos .item .item-badge { position: absolute; top: 15px; left: 15px; z-index: 3; font-size: 10px; padding: 4px 8px; font-weight: 500; text-transform: uppercase; border-radius: 4px; }
.item-list.Productos .item .item-badges{display: flex; gap: 5px;}
.item-list.Productos .item .item-inner-badge { font-size: 10px; padding: 4px 8px; font-weight: 500; text-transform: uppercase; border-radius: 4px; }
.item-list.Productos .item .item-badge--out { background:#eee; color:#000; }
.item-list.Productos .item .item-badge--best { background:var(--main-color-3); color:#000; }
.item-list.Productos .item .item-badge--new { background:#0a7; color:#fff; }
.item-list.Productos .item .item-brands .brand-item a{font-size: 12px; text-transform: uppercase; color: #666666; margin-bottom: 10px; display: block;}

.item-list.Productos .item .item-ecommerce .item-price { display: flex; justify-content: start; gap: 10px; align-items: end;}
.item-list.Productos .item .item-ecommerce .item-price .price{font-size: 16px; }
.item-list.Productos .item .item-ecommerce .item-price .price--old{text-decoration: line-through; font-size: 14px; font-weight: normal; color: #111111; opacity: 0.7;}
.item-list.Productos .item .item-ecommerce .item-variations{display: none;}

/* ACORDEONES */
.acordion-container{
  --button-color: #000000;
  --button-color-hover: #000000;
  --button-bg-color: #ffffff;
  --button-bg-color-hover: var(--main-color-6);
  --button-border-color: var(--main-color-6);
  --button-border-color-hover: var(--main-color-6);
  --button-border-radius: 0;
  --button-padding-left: 20px;
  --button-padding-right: 20px;
  --button-padding-top: 10px;
  --button-padding-bottom: 10px;
  --button-border-size: 1px;
}
.acordion-container .card{border: 1px solid var(--main-color-6); border-radius: 4px;}
.acordion-container .card .btn{outline: none;}
.acordion-container .card .btn[aria-expanded="true"]{ --button-bg-color: var(--main-color-6); }
.acordion-container .card .btn svg{transition: all 0.3s ease-in-out;}
.acordion-container .card .btn[aria-expanded="true"] svg{transform: rotate(90deg);}
.acordion-container .card .btn:focus{outline: none;}


/* FORM REGISTRO */
.btn-toggle-password { --button-font-size: 14px; --button-border-radius: 0 var(--form-input-border-radius) var(--form-input-border-radius) 0; --button-bg-color: var(--main-color-1); --button-color: var(--ecom-color-11); --button-border-color: var(--main-color-1); --button-bg-color-hover: var(--main-color-1); --button-color-hover: var(--ecom-color-11); --button-border-color-hover: var(--main-color-1); margin-top: var(--form-input-margin-top); height: auto; padding: 14px; }

#frm_nuevo_usr { max-width: 700px; margin: 0 auto; --form-input-font-size: 14px; --form-input-placeholder-font-size: 14px; }
#frm_nuevo_usr small{margin-bottom: 15px;}
#frm_nuevo_usr .form-group{ margin-bottom: 20px; font-size: 16px;}
#frm_nuevo_usr .form-group label{margin-bottom: 0;}
#frm_nuevo_usr .form-last .form-checks {margin-bottom: 30px;}
#frm_nuevo_usr .form-last .form-checks .checkbox-inline { display: flex; align-items: center; justify-content: start; gap: 10px; margin-bottom: 10px !important; font-size: 14px;}
#frm_nuevo_usr .form-last .form-checks .checkbox-inline input { margin-top: 0 !important; }
#frm_nuevo_usr .form-last .form-send { max-width: unset; flex: unset; width: fit-content; }

/* LISTADO DE MARCAS */
.item-list.Marcas .item{--content-h3-font-size: clamp(14px, 12.270px + 0.541vw, 20px); --title-margin-bottom: 0; transition: all 0.3s ease-in-out;}
.item-list.Marcas:not(.swiper) .item{margin-bottom: 30px;}
.item-list.Marcas .item .item-miniature{filter: grayscale(1); transition: all 0.3s ease-in-out; aspect-ratio: 1; object-fit: contain; display: flex; align-items: center; justify-content: center; margin-bottom: 15px; border: solid 1px #eeeeee; padding: 10px; overflow: hidden; border-radius: 4px;}
.item-list.Marcas .item .item-miniature img{transition: all 0.5s ease-in-out;}
.item-list.Marcas .item:hover .item-miniature img{transform: scale(1.1);}
.item-list.Marcas .item .swiper-post-slide-wrap{ transition: all 0.3s ease-in-out; padding-bottom: 10px; border-radius: 4px; overflow: hidden;}
/* .item-list.Marcas .item:hover .swiper-post-slide-wrap{box-shadow: 0 0 10px 5px rgba(0,0,0,0.1);} */
.item-list.Marcas .item:hover .item-miniature{filter: none;}
.item-list.Marcas .item .item-title-link{text-decoration: none;}
.item-list.Marcas .item .item-title-link .item-title{text-align: center;}
.item-list.Marcas.swiper {padding: 10px; margin: -10px;}

/* FICHA MARCAS */
.Marcas.fitxa .imagen-principal > div{  padding: 30px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.1); }

.Marcas.fitxa .breadcrumb-list{background: unset; padding: 25px 10px;}
.Marcas.fitxa .breadcrumb-list ul{padding: 0; list-style: none; margin-bottom: 0;}
.Marcas.fitxa .breadcrumb-list ul li{margin-bottom: 0;}
.Marcas.fitxa .breadcrumb-list ul a{text-decoration: none;}
.Marcas.fitxa .breadcrumb-list ul li::after, .Productos.fitxa .breadcrumb-box .breadcrumb ul a span{ color: #000;}
.Marcas.fitxa .breadcrumb-list ul li a svg{stroke: #000; color: #000; transition: all .3s ease-in-out;}
.Marcas.fitxa .breadcrumb-list ul li a:hover svg{stroke: var(--content-a-hover-color); color: var(--content-a-hover-color);}

.special-item-list.Marcas .special-item-container{display: flex; align-items: end; justify-content: start;}
.special-item-list.Marcas .item{margin-bottom: 15px !important; --content-p-font-size: 17px; --content-heading-color: var(--main-color-3);}
.special-item-list.Marcas .item .item-title-link{color: var(--main-color-3);}
.special-item-list.Marcas .item .item-title-link:hover{text-decoration: underline;}
.special-item-list.Marcas .item .swiper-post-slide-wrap{padding-bottom: 0;}


/* INTRANET */
.fast-menu{margin-bottom: var(--margin-bottom-m);}
.user-data--title,
.fast-menu--title{font-size: clamp(19px, 16.977px + 0.351vw, 22px); display: flex ; align-items: center; justify-content: space-between; }
.user-data--title svg,
.fast-menu--title svg{transition: all 0.3s ease-in-out;}
.user-data--title[aria-expanded="true"] svg,
.fast-menu--title[aria-expanded="true"] svg{transform: rotate(90deg);}
/* .fast-menu .btn {
    --button-bg-color: #ddd;
    --button-color: #000;
    --button-bg-color-hover: #eee;
    --button-color-hover: #000;
    --button-padding-right: 20px;
    --button-padding-bottom: 15px;
    --button-padding-left: 20px;
    --button-padding-top: 15px;
    --button-font-size: 16px;
    height: 50px;
} */
.intranet-page--header .title{ font-size: clamp(19px, 16.977px + 0.351vw, 22px); }

@media only screen and (min-width: 991px){
    .user-data--content,
    .fast-menu--content{display: block; height: 100% !important;}
    .user-data--title i,
    .fast-menu--title i{display: none;}
    .fast-menu{padding-right: 35px;}
}
.initial-container{ margin-bottom: 0 !important; background: unset !important; }

.user-info--item{ --content-p-font-size: clamp(12px, 11.712px + 0.090vw, 13px); margin-bottom: 10px;}

.user-data--title,
.fast-menu--title{margin-bottom: 20px;}

.intranet {--title-margin-bottom: 20px; --form-input-margin-top: 10px; }
.intranet .form-group{ margin-bottom: 20px; font-size: 16px;}
.intranet .form-group label{ margin-bottom: 6px; font-weight: 500; display: block; }

#acceso_usuarios .modal-header{ padding: 16px 32px; }
#acceso_usuarios .modal-body{ padding: 32px; }

.intranet{ --form-input-height: auto; --form-textarea-height: 200px; --form-input-border-radius: 10px; --form-input-border-size: 1px; --form-input-border-color: var(--main-color-2); --form-input-border-type: solid; --form-input-border-color: #bbb; --form-input-bg: #f7f7f7; --form-input-font-size: 16px; --form-input-placeholder-font-size: 16px; --form-input-color: #111111; --form-input-placeholder-color: #111111; --form-input-margin-right: 0; --form-input-margin-left: 0; --form-input-margin-top: 5px; --form-input-margin-bottom: 5px; --form-input-padding-right: 15px; --form-input-padding-left: 15px; --form-input-padding-top: 10px; --form-input-padding-bottom: 10px; }

.fast-menu .btn{ flex-direction: row; justify-content: start; width: 100%; margin-bottom: 10px; gap: 10px; }
.fast-menu .btn i{ font-size: 16px; }

.btn.btn-intranet {gap: 10px;}
.btn.btn-intranet-danger { --button-border-color: #D9534F; --button-color: #D9534F; --button-bg-color: #eeeeee; }
.btn.btn-intranet-danger.active, .btn.btn-intranet-danger:hover { --button-color: #eeeeee; --button-color-hover: #eeeeee; --button-bg-color: #D9534F; --button-bg-color-hover: #D9534F; --button-border-color: #D9534F; --button-border-color-hover: #D9534F; }
.btn.btn-intranet-danger-active { --button-color: #eeeeee; --button-bg-color: #D9534F; --button-border-color: #D9534F; }
.btn.btn-intranet-danger-active.active, .btn.btn-intranet-danger-active:hover { --button-border-color: #D9534F; --button-border-color-hover: #D9534F; --button-color: #D9534F; --button-color-hover: #D9534F; --button-bg-color: #fff; --button-bg-color-hover: #fff; }


.fast-menu{margin-bottom: var(--margin-bottom-s);}
.fast-menu--title{}
.user-data--title, .fast-menu--title{margin-bottom: var(--margin-bottom-xs);}

@media only screen and (min-width: 991px){
    .user-data--content.collapse,
    .fast-menu--content.collapse{display: block;}
    .user-data--title i,
    .fast-menu--title i{display: none;}
}

.intranet-page--header{margin-bottom: var(--margin-bottom-s);}
.intranet--navigation{display: flex; gap: 15px; margin-top: 15px;}

/* INTRANET */

/* Password toggle */
.btn-toggle-password { --button-font-size: 14px; --button-border-radius: 0 var(--form-input-border-radius) var(--form-input-border-radius) 0; --button-bg-color: var(--main-color-1); --button-color: var(--ecom-color-11); --button-border-color: var(--main-color-1); --button-bg-color-hover: var(--main-color-1); --button-color-hover: var(--ecom-color-11); --button-border-color-hover: var(--main-color-1); margin-top: var(--form-input-margin-top); height: auto; padding: 14px; }
.pwd-msg { font-size: 12px; color: #dc3545; line-height: 1.3; }

/* FILTROS */
.filter { background: #fff; border-radius: 12px; padding: 24px; }
.filter .filter-title { --content-h3-font-size: 20px; font-weight: 700; display: flex; align-items: center; gap: 10px; margin-bottom: 20px; padding-bottom: 16px; border-bottom: 1px solid #eee; }
.filter .filter-title svg { stroke: var(--main-color-3); width: 20px; height: 20px; flex-shrink: 0; }

/* Secciones */
.filter .filter-section { margin-bottom: 24px; }
.filter .filter-section-title { font-size: 11px; text-transform: uppercase; font-weight: 700; letter-spacing: 1.5px; color: var(--main-color-3); margin-bottom: 12px; }
.filter .filter-section-content { display: flex; flex-direction: column; gap: 2px; }

/* Categorias */
.filter .filter-section--categories .form-check { padding: 10px 12px; padding-left: 12px; border-radius: 8px; display: flex; align-items: center; cursor: pointer; transition: background 0.2s; }
.filter .filter-section--categories .form-check:hover { background: #f8f7f4; }
.filter .filter-section--categories .form-check:has(input:checked) { background: color-mix(in srgb, var(--main-color-3) 12%, transparent); }
.filter .filter-section--categories .form-check input[type="checkbox"] { display: none; }
.filter .filter-section--categories .form-check .form-check-label { cursor: pointer; color: #666; font-size: 14px; font-weight: 500; display: flex; align-items: center; gap: 10px; flex: 1; margin: 0; }
.filter .filter-section--categories .form-check:has(input:checked) .form-check-label { color: var(--main-color-3); font-weight: 600; }
.filter .filter-count { font-size: 13px; color: #aaa; font-weight: 400; margin-left: auto; }
.filter .filter-section--categories .form-check:has(input:checked) .filter-count { color: var(--main-color-3); }

/* Marcas - checkboxes visibles */
.filter .filter-section--brands .form-check { padding: 2px 0 2px 1.25rem; display: flex; align-items: center; gap: 10px; }
.filter .filter-section--brands .form-check input[type="checkbox"] { display: inline-block; width: 20px; height: 20px; appearance: none; -webkit-appearance: none; border: 2px solid #ddd; border-radius: 4px; cursor: pointer; position: relative; flex-shrink: 0; background: #fff; transition: all 0.2s; }
.filter .filter-section--brands .form-check input[type="checkbox"]:checked { background: var(--main-color-3); border-color: var(--main-color-3); }
.filter .filter-section--brands .form-check input[type="checkbox"]:checked::after { content: '\2713'; color: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 13px; font-weight: 700; }
.filter .filter-section--brands .form-check .form-check-label { color: #555; font-size: 14px; cursor: pointer; }

/* Slider de precio */
.filter .Slider .filter-section-content { padding: 8px 4px; }
.filter .slider-price-wrapper { width: 100%; }
.filter .slider-price-labels { display: flex; justify-content: space-between; margin-top: 10px; }
.filter .slider-price-labels span { font-size: 13px; color: #666; font-weight: 500; }
.filter .slider.slider-horizontal { width: 100%; }
.filter .slider-track { background: #eee !important; height: 4px !important; border-radius: 2px !important; }
.filter .slider-selection { background: var(--main-color-3) !important; }
.filter .slider-handle { background: var(--main-color-3) !important; border: 2px solid #fff !important; box-shadow: 0 1px 4px rgba(0,0,0,0.2) !important; width: 18px !important; height: 18px !important; }

/* Botones */
.filter .filter-buttons { margin-top: 20px; padding-top: 16px; border-top: 1px solid #eee; }
.filter .filter-buttons .btn { width: 100%; border-radius: 8px; font-size: 11px; }

/* Subcategorias colapsables */
.filter .cat-filter-group { margin-bottom: 4px; }
.filter .cat-filter-toggle-row { display:flex; align-items:center; justify-content:space-between; gap:8px; padding:6px 0; }
.filter .cat-filter-title-link { font-size:13px; font-weight:600; color:#444; text-decoration:none; flex:1; }
.filter .cat-filter-title-link:hover { color:var(--main-color-3); }
.filter .cat-filter-toggle { background:none; border:none; padding:4px; cursor:pointer; color:#888; display:flex; align-items:center; }
.filter .cat-filter-toggle:hover { color:var(--main-color-1); }
.filter .cat-toggle-icon { transition:transform 0.25s ease; }
.filter .cat-filter-toggle[aria-expanded="true"] .cat-toggle-icon { transform:rotate(180deg); }
.filter .cat-filter-content { padding-left:8px; }
.filter .cat-filter-group .form-check { padding:2px 0 2px 1.25rem; display:flex; align-items:center; gap:10px; background:none !important; }
.filter .cat-filter-group .form-check input[type="checkbox"] { display:inline-block !important; width:20px; height:20px; appearance:none; -webkit-appearance:none; border:2px solid #ddd; border-radius:4px; cursor:pointer; position:relative; flex-shrink:0; background:#fff; transition:all 0.2s; }
.filter .cat-filter-group .form-check input[type="checkbox"]:checked { background:var(--main-color-3); border-color:var(--main-color-3); }
.filter .cat-filter-group .form-check .form-check-label { color:#555; font-size:14px; cursor:pointer; }
.filter .cat-filter-group .form-check:has(input:checked) .form-check-label { color:var(--main-color-3); font-weight:600; }
/* FILTROS */


/* FICHA CATEGORIAS LVL1 */
.cat-banner{}
.cat-banner > .row{position: relative;}
@media only screen and (min-width: 992px){
    .cat-banner--image::after{content: ""; display: block; background: linear-gradient(to top, rgba(0,0,0,0.9) 20%, rgba(0,0,0,0.3) 80%); left: 0; right: 0; top: 0; bottom: 0; position: absolute;}
    .cat-banner--content { position: absolute; padding: 30px; max-width: 768px; --content-heading-color: #fff; --content-p-color: #fff; --content-strong-color: #fff; z-index: 2;  left: clamp(30px, -12.670px + 4.306vw, 70px); bottom: clamp(30px, -12.670px + 4.306vw, 70px); }
}

@media only screen and (max-width: 991px){
    .cat-banner--content{padding: 15px 30px;}
}
.cat-banner--content-buttons{display: flex; gap: 30px; margin-top: 30px;}

/* FICHA CATEGORIAS LVL1 */

/* LANDING PROFESIONALES */
@media (min-width: 992px){
    #landing-profesionales #banners .col-12{padding: 0;}
}
/* LANDING PROFESIONALES */

/* BANNER INDIVIDUAL FICHA - CTA */
.individualbannersheet{display: flex;width: 100%;align-items: center;gap: 30px;--content-h3-font-size: 20px;--heading-font-family: "manrope", sans-serif;--title-margin-bottom: 15px;}
.individualbannersheet .portfolio-thumb{border-radius: 4px;background-color: color-mix(in srgb, var(--main-color-3) 50%, transparent);padding: 10px;height: 100%;display: block;align-items: center;justify-content: center;display: flex;overflow: hidden;}
.individualbannersheet .portfolio-thumb img{width: 50px;}
.individualbannersheet .banner-content{width: auto;}
.individualbannersheet .banner-content a{text-decoration: none;}
.individualbannersheet .banner-content .content-text{margin-bottom: 15px;}
/* BANNER INDIVIDUAL FICHA - CTA */

/* PAGINA CONTACTO */
.contact-form-wrapper .form-control{
    --form-input-font-size: 16px;
    --form-input-placeholder-font-size: 16px;
}
.contact-form-left-column .h2 { margin-bottom: 25px; }
.contact-form-box .contact-form-right-column { padding: var(--padding-top-m); }
.contact-form-box .contact-form-right-column>.row {align-items: center;height: 100%;}
.contact-form-box .contact-form-right-column .contact-form-wrapper small { /* display: none; */ margin-bottom: 15px; }
.contact-form-box .contact-form-right-column .contact-form-wrapper .form-group:not(:has(textarea)) { margin-bottom: 0; }
.contact-form-box .contact-form-right-column .contact-form-wrapper .form-group label:not(.checkbox-inline) { margin-bottom: 30px; }
.contact-form-box .contact-form-right-column .contact-form-wrapper .form-group:has(textarea) { margin-bottom: 0; }
.contact-form-box .contact-form-right-column .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-box .contact-form-right-column .contact-form-wrapper .form-send label { display: flex; align-items: center; font-size: 14px !important; gap: 10px; }
.contact-form-box .contact-form-right-column .contact-form-wrapper .form-send label span { font-size: 16px; color: #333; }
.contact-form-box .contact-form-right-column .contact-form-wrapper .form-send label span a { text-decoration: underline; }
.contact-form-box .contact-form-right-column .contact-form-wrapper .form-send label input { margin-top: 0 !important; }
.contact-form-box .contact-form-right-column .contact-form-wrapper .form-group label textarea { resize: none; padding-top: var(--form-input-padding-left);}
.contact-form-box .contact-form-right-column .contact-form-wrapper .form-group label textarea::placeholder,.contact-form-box .contact-form-right-column .contact-form-wrapper .form-group label input::placeholder { opacity: 1 !important; color: #333333 !important; }
.contact-form-box .acepto_comunicacion input, .contact-form-box .acepto_comunicacion, .contact-form-box .acepto_condiciones input, .contact-form-box .acepto_condiciones{ cursor: pointer; }
.contact-form-box .acepto_comunicacion input, .contact-form-box .acepto_condiciones input{ width: 20px; height: 20px; }
.contact-form-box .contact-form-left-column { padding: 30px; border-radius: 40px 15px 40px 15px;}
.contact-form-box .contact-form-left-column .social-icons .sociallist { margin-bottom: 0; gap: 20px; }
.contact-form-box .contact-form-left-column .social-icons .sociallist i { font-size: 25px; }
.contact-form-box .contact-form-left-column p i { margin-right: 5px; color: var(--main-color-3); }
.contact-form-wrapper .form-last { display: flex; }
.contact-form-wrapper .form-last .form-checks { width: calc(100% - 175px); min-width: 500px; }
.contact-form-wrapper .form-last .form-checks .checkbox-inline { display: flex; align-items: center; justify-content: start; gap: 10px; margin-bottom: 10px !important; }
.contact-form-wrapper .form-last .form-checks .checkbox-inline input { margin-top: 0 !important; }
.contact-form-wrapper .form-last .form-send { max-width: unset; flex: unset; width: fit-content; }
/* PAGINA CONTACTO */
/* FOOTER */
footer {
    --content-heading-color: #fff;
}

footer .footer-logo {
    margin-bottom: var(--margin-bottom-s);
}

#footer {
    padding-top: 20px;
}
#footer {
    --content-heading-color: #ffffff;
    --content-strong-color: #ffffff;
}

#footer strong {
    font-weight: 600;
}

#footer .menu {
    margin: 0;
}

#footer .menu-list {
    justify-content: start;
}

#footer .menu-list .menu-item {
    margin: 0 0 10px 0 !important;
}

#footer .menu-list .menu-item .dropdown-menu {
    display: none;
    opacity: 1;
    pointer-events: auto;
    visibility: visible;
    max-height: 9999px;
    transform: translate3d(0, 0px, 0);
    background-color: transparent;
    margin-top: 0 !important;
}

#footer .menu-list .menu-item .nav-link .toggler::after, #footer .menu-list .menu-item .nav-link .toggler-inside::after, #footer .menu-list .menu-item .nav-link::after {
    content: unset;
}

#footer .menu-list .menu-item .dropdown-menu::before {
    content: unset;
}

#footer .menu-list .menu-item .dropdown-menu .nav-link {
    padding: 0;
    margin-top: 10px;
}

#footer .menu-list .menu-item:last-child {
    margin: 0 !important;
}

#footer .menu-list .menu-link span {
    transition: all 0.3s ease-in-out;
}

#footer .menu-list .menu-link:hover span {
    color: var(--footer-a-hover-color);
}

.footer-copyright {
    padding: 10px 15px;
}

.footer-copyright-text p {
    margin: 0;
}

.footer-links ul {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: end;
}

.footer-links ul li {
    display: inline-block;
    margin-right: 40px;
    margin-bottom: 0;
}

.footer-links ul li:last-child {
    margin-right: 0;
}

.footer-links ul li a {
    transition: all 0.3s ease-in-out;
}

#footer .title {
    margin-bottom: 20px;
    --heading-font-family: var(--general-font-family);
}

#footer .contentext p i {
    margin-right: 5px;
}

#footer .contentext p:not(.title):has( + p) {
    margin-bottom: 10px;
}

#footer .extrafooter {
    --background3-color: #fff;
    --footer-a-hover-color: #fff;
}

#footer .extrafooter a {
    text-decoration: underline;
}

#footer .btn::after {
    content: unset;
}

/* IMAGETEXT MODULE */
.imagetext {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: clamp(10px, -0.117px + 1.756vw, 25px) clamp(0px, -13.489px + 2.342vw, 20px);
    height: 100%;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
}

.imagetext .image {
    margin-bottom: 20px;
    overflow: hidden;
    border-radius: 12px;
}

.imagetext .image img {
    transition: transform 0.4s ease;
}

.imagetext:hover .image img {
    transform: scale(1.03);
}

.imagetext .feature-info {
    flex: 1;
}

.imagetext .feature-info .title {
    font-size: 1.15rem;
    font-weight: 600;
    margin-bottom: 10px;
    color: var(--main-color-1);
}

.imagetext .feature-info div {
    font-size: 0.92rem;
    line-height: 1.6;
    color: #555;
}

.imagetext .image.image-svg {
    background: rgba(128, 128, 128, 0.12);
    border-radius: 16px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 80px;
    height: 80px;
}

.imagetext .image.image-svg img {
    width: 36px;
    height: 36px;
    object-fit: contain;
    filter: brightness(0) saturate(100%) invert(78%) sepia(46%) saturate(422%) hue-rotate(357deg) brightness(93%) contrast(92%);
}

.background-type2 .imagetext .feature-info div {
    color: rgba(255, 255, 255, 0.8);
}

.background-type2 .imagetext .feature-info .title {
    color: #fff;
}

.background-type2 .imagetext .image.image-svg {
    background: rgba(255, 255, 255, 0.1);
}

/* ===== FAQ SCHEMA — ESPAIAT ===== */
.card-body [itemtype*="FAQPage"],
.content-text [itemtype*="FAQPage"] {
    margin-top: 25px;
}
.card-body [itemprop="mainEntity"], .content-text [itemprop="mainEntity"] { margin-bottom: 24px; }
.card-body [itemprop="mainEntity"]:last-child, .content-text [itemprop="mainEntity"]:last-child { margin-bottom: 0; }
.card-body [itemprop="name"], .content-text [itemprop="name"] { margin-top: 0; margin-bottom: 10px; }
.card-body [itemprop="acceptedAnswer"], .content-text [itemprop="acceptedAnswer"] { margin-top: 0; }

/* Espaiat tipografic dins card-body acordeons */
.acordion-container .card-body ul+h2, .acordion-container .card-body p+h2{margin-top:25px;}
.acordion-container .card-body ul+h3, .acordion-container .card-body p+h3{margin-top:20px;}
.acordion-container .card-body ul+p, .acordion-container .card-body h5+h3, .acordion-container .card-body h4+h3{margin-top:20px;}
.acordion-container .card-body ul+h5, .acordion-container .card-body ul+h4, .acordion-container .card-body p+h5, .acordion-container .card-body p+h4{margin-top:20px;}
.acordion-container .card-body p:has(+ul), .acordion-container .card-body p+h5, .acordion-container .card-body p+h4, .acordion-container .card-body p:has(+p){margin-bottom:15px;}

.card-header {border: none !important;}
.card-body {--content-li-font-size:15px;--content-p-font-size:15px}
.card-body table {background-color:#e5e5e5;width:100%}
.card-body table td {padding:10px;font-size:var(--content-p-font-size)}
.card-body table tbody {padding:15px 25px;display:block;column-count:2}
.acordion-container .acordio .card-body {padding:25px}
/* ===== DROPDOWN CATEGORIAS — ITEM PRODUCTOS ===== */
header .item-productos > .menu-link .toggler::after { content:""; display:inline-block; width:5px; height:5px; border-right:1.5px solid currentColor; border-bottom:1.5px solid currentColor; transform:rotate(45deg) translateY(-2px); margin-left:5px; transition:transform 200ms linear; vertical-align:2px; }
header .item-productos.show > .menu-link .toggler::after { transform:rotate(-135deg); vertical-align:-1px; }
header .item-productos .dropdown-menu { background-color:#1a1a1a; border-top:2px solid var(--main-color-3); border-radius:0; box-shadow:0 15px 40px rgba(0,0,0,0.35); min-width:210px; padding:8px 0 !important; margin-top:0 !important; }
header .item-productos .dropdown-menu::before { height:25px; top:-25px; }
header .item-productos .dropdown-item { color:rgba(255,255,255,0.75); font-size:12px; font-weight:500; letter-spacing:0.8px; text-transform:uppercase; padding:11px 22px; background-color:transparent; transition:color 180ms,padding-left 180ms,background-color 180ms; white-space:nowrap; display:block; }
header .item-productos .dropdown-menu .nav-item + .nav-item { border-top:1px solid rgba(255,255,255,0.06); }
header .item-productos .dropdown-item:hover, header .item-productos .dropdown-item:focus { color:var(--main-color-3) !important; background-color:rgba(229,193,108,0.08); padding-left:28px; }
header .item-productos .dropdown-item.active { color:var(--main-color-3) !important; background-color:transparent; }
@media (max-width:1199.98px) {
  header .item-productos .dropdown-menu { background-color:transparent; box-shadow:none; border-top:none; border-left:2px solid var(--main-color-3); margin-left:10px !important; margin-top:5px !important; padding:4px 0 !important; }
  header .item-productos .dropdown-item { color:rgba(255,255,255,0.65); padding:9px 16px; }
  header .item-productos .dropdown-item:hover { color:var(--main-color-3) !important; padding-left:22px; background-color:transparent; }
  header .item-productos .dropdown-menu .nav-item + .nav-item { border-top:none; }
}
/* ===== /DROPDOWN CATEGORIAS ===== */

/* ===== DROPDOWN v2 ===== */
header .item-productos .dropdown-menu .nav-item { margin:0 !important; padding:0; }
header .item-productos .dropdown-menu { min-width:250px; padding:4px 0 !important; }
header .item-productos .dropdown-menu .nav-item + .nav-item { border-top:none; }
header .item-productos .dropdown-item { font-size:13px; font-weight:400; letter-spacing:0.2px; text-transform:none; padding:9px 20px; white-space:normal; color:rgba(255,255,255,0.78); }
header .item-productos .dropdown-item:hover, header .item-productos .dropdown-item:focus { color:var(--main-color-3) !important; padding-left:26px; background-color:rgba(229,193,108,0.07); }
@media (max-width:1199.98px) {
  header .item-productos .dropdown-menu .nav-item { margin:0 !important; }
  header .item-productos .dropdown-item { font-size:13px; text-transform:none; padding:8px 14px; }
}
/* ===== /DROPDOWN v2 ===== */

header .item-productos .dropdown-menu { padding-left:8px !important; padding-right:8px !important; }
header .item-productos .dropdown-item { padding-left:16px; padding-right:16px; border-radius:4px; }
header .item-productos .dropdown-item:hover, header .item-productos .dropdown-item:focus { padding-left:20px; }

header .item-productos .dropdown-item { transition: color 300ms ease, padding-left 300ms ease, background-color 300ms ease !important; }

header .item-productos .dropdown-menu { margin-top:14px !important; }
header .item-productos .dropdown-menu::before { pointer-events:auto; }

/* ===== DROPDOWN: treure margin-top en responsive ===== */
@media (max-width:1199.98px) {
  header .item-productos .dropdown-menu { margin-top:0 !important; }
}

/* ===== FILTROS COLAPSABLES EN RESPONSIVE ===== */
@media (max-width:991px) {
  .filter .filter-title { cursor:pointer; margin-bottom:0; padding-bottom:16px; user-select:none; justify-content:space-between; }
  .filter .filter-title::after { content:''; display:inline-block; width:8px; height:8px; border-right:2px solid var(--main-color-3); border-bottom:2px solid var(--main-color-3); transform:rotate(45deg); transition:transform 0.25s ease; flex-shrink:0; margin-top:-4px; }
  .filter.filter--open .filter-title { margin-bottom:20px; }
  .filter.filter--open .filter-title::after { transform:rotate(-135deg); margin-top:4px; }
  .filter .filters-list { display:none; }
  .filter.filter--open .filters-list { display:block; }
}
/* EOF # Añadir CSS responsive dropdown y filtros colapsables */

/* ===== DROPDOWN: treure margin-top en responsive ===== */
@media (max-width:1199.98px) {
  header .item-productos .dropdown-menu { margin-top:0 !important; }
}
/* ===== FILTROS COLAPSABLES EN RESPONSIVE ===== */
@media (max-width:991px) {
  .filter .filter-title { cursor:pointer; margin-bottom:0; user-select:none; justify-content:space-between; }
  .filter .filter-title::after { content:""; display:inline-block; width:8px; height:8px; border-right:2px solid var(--main-color-3); border-bottom:2px solid var(--main-color-3); transform:rotate(45deg); transition:transform 0.25s ease; flex-shrink:0; margin-top:-4px; }
  .filter.filter--open .filter-title { margin-bottom:20px; }
  .filter.filter--open .filter-title::after { transform:rotate(-135deg); margin-top:4px; }
  .filter .filters-list { display:none; }
  .filter.filter--open .filters-list { display:block; }
}


.pagination-item--link{letter-spacing: 0 !important;}