:root{
    --transition-1: all 0.3s ease-in-out;
}
/* h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, body, div, span, p, blockquote, pre, a, small, strike, strong, sub, sup, ol, ul, li, label, table, tbody, tfoot, thead, tr, th, td, article, aside, section, input, textarea, select, option, optgroup, button{ font-family: var(--general-text-font-family); } */
p{line-height:150%;}
.right .btn.btn-brand{margin-left: auto;}

.valign-end,.valign-end > .row{display:flex;align-items: end;}

.btn{ line-height: 1; font-family: var(--heading-font-family);}
.title{ line-height: 1.15; }

body{color: var(--content-p-color);}

#index main > div{padding-top: 0;}

.custom-select{ height: var(--form-input-height); border-radius: var(--form-input-border-radius); border: var(--form-input-border-size) var(--form-input-border-type) var(--form-input-border-color); color: var(--form-input-color); font-size: var(--form-input-font-size); margin-top: var(--form-input-margin-top); margin-bottom: var(--form-input-margin-bottom); margin-left: var(--form-input-margin-left); margin-right: var(--form-input-margin-right); padding-top: var(--form-input-padding-top); padding-bottom: var(--form-input-padding-bottom); padding-left: var(--form-input-padding-left); padding-right: var(--form-input-padding-right); }
/* HEADER */

/* EXTRATOP */
header .extratop{padding: 12px 0;}
header .extratop .primer-listado{padding: 0 15px !important;}
header .extratop .primer-listado,

header .extratop .primer-listado ul{list-style: none;  display: flex ; align-items: center; gap: 20px; margin: 0; padding: 0;}
/* header .extratop .segundo-listado ul{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex ; align-items: center; justify-content: flex-end; gap: 40px; margin: 0; padding: 0;} */
/* header .extratop .segundo-listado ul .list-wrap{display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex ; align-items: center; gap: 12px;} */
header .extratop .segundo-listado ul .list-wrap li a{ font-size: 15px; color: var(--main-color-10); text-decoration: none; outline: none;}
/* header .extratop .segundo-listado ul .list-wrap li a i{line-height: normal; font-size: 15px; color: var(--main-color-10); transition: all 0.3s ease-in-out;} */
header .extratop .segundo-listado ul .list-wrap li a:hover i{opacity: 0.7;}
header .extratop .primer-listado ul li{ display: flex ; align-items: center; gap: 8px; color: var(--main-color-4); font-size: 15px; font-weight: 400; position: relative; line-height: 0;}
header .extratop .primer-listado ul li a{color: var(--main-color-4); font-size: 15px; font-weight: 400; position: relative; }
header .extratop .primer-listado ul li i{ color: var(--main-color-10); font-size: 20px; line-height: 0; }
/* header .extratop .primer-listado > div > ul > li::before{ content: ""; position: absolute; right: -20px; top: 50%; -webkit-transform: translateY(-50%) rotate(16deg); -moz-transform: translateY(-50%) rotate(16deg); -ms-transform: translateY(-50%) rotate(16deg); -o-transform: translateY(-50%) rotate(16deg); transform: translateY(-50%) rotate(16deg); width: 2px; height: 16px; background: var(--main-color-4); -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; } */
/* header .extratop .primer-listado > div > ul > li:last-child::before{content: unset;} */

/* MENU USUARIO */
.main-navigation #navbarSupportedContent .navbar-nav .nav-item .nav-link span{display: inline-block; line-height: 1;}
.main-navigation #navbarSupportedContent .navbar-nav .nav-item .featured > .data,
.main-navigation #navbarSupportedContent .navbar-nav .nav-item.featured > .nav-link > .data{color: var(--main-color-2);}
.cbp-af-header.cbp-af-header-shrink .nav-link{margin-top: 0; margin-bottom: 0;}
.user-menu{display: flex; align-items: center; flex-direction: row;}
.user-menu li{margin-left: 35px; position: relative; line-height: 0;}
.user-menu li:first-child{margin-left: 0;}
.user-menu li:first-child::before{content: unset;}
.user-menu li::before{ content: ""; position: absolute; left: -16px; top: 50%; transform: translateY(-50%) rotate(16deg); width: 2px; height: 24px; background: #C3C3C3; border-radius: 2px; }
.user-menu li button, .user-menu li a{cursor: pointer !important; transition: var(--transition-1);}
.user-menu li a i{ transition: var(--transition-1);}
.user-menu li button:hover, .user-menu li a:hover,
.user-menu li button:hover i, .user-menu li a:hover i{color: var(--main-color-2);}


.segundo-listado .user-menu {justify-content: end;}
.segundo-listado .user-menu .carrito button i,
.segundo-listado .user-menu .buscador-list-item .extensor-buscador i,
.segundo-listado .user-menu .user-item a i{color: #fff !important;}
/* DROPDOWN MENU */
header .dropdown-menu{margin-top: 15px !important;}
.cbp-af-header.cbp-af-header-shrink .dropdown-menu .nav-item,
.dropdown .dropdown-menu ul li {padding-left: 10px;}
.dropdown .dropdown-menu ul li + li{border-top: 1px solid #d9d9d9; padding-top: 2px; margin-top: 2px !important;}
.dropdown .dropdown-menu ul li a{padding: 0 !important; font-size: clamp(14px, 13.423px + 0.180vw, 16px);}
.dropdown .dropdown-menu ul li a span{font-size: clamp(14px, 13.423px + 0.180vw, 16px);}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover { color: #fff;}
.navbar-light .navbar-nav .nav-link { color: #fff;}
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {
    color: #fff;
}

/* BUSCADOR */
.user-menu .buscador-list-item{margin: 0 !important;}
.user-menu .buscador-list-item .extensor-buscador { font-size: 24px; line-height: 0; color: #686677; transition: var(--transition-1);}
.user-menu .buscador-list-item .extensor-buscador span{line-height: 0;}
.user-menu .buscador-list-item .extensor-buscador i{ font-size: 24px; line-height: 0; color: #fff; transition: var(--transition-1);}
.user-menu .buscador-list-item:hover .extensor-buscador, .user-menu .buscador-list-item:hover .extensor-buscador i{color: var(--main-color-2);}

/* USUARIO */
.user-menu .user-item a { position: relative; font-size: 26px; line-height: 0; color: #686677; padding: 0;}
.user-menu .user-item a i{ font-size: 26px; line-height: 0; color: #686677; }

/* CARRITO */
.user-menu .carrito button { all: unset; position: relative; font-size: 28px; line-height: 0; color: #686677;}
.user-menu .carrito button i{ font-size: 28px; line-height: 0; color: #686677; }
.user-menu .carrito button #cant_carrito{ position: absolute; width: 18px; height: 18px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex ; align-items: center; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; right: -6px; top: -5px; background: var(--main-color-2); color: #fff; font-size: 12px; font-weight: 600; justify-content: center; }
.user-menu .carrito button #cant_carrito:empty::after{content: "0";}


/* FOOTER */
.progress-wrap{ background-color: var(--main-color-2); color: #fff; display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; font-size: 16px; border-radius: 4px; right: 50px; bottom: 30px; }
.progress-wrap i{ color: #fff; }
.progress-wrap::after,.progress-wrap::before{ content: unset; }

footer .container{padding: clamp(25px, 3.378px + 6.757vw, 100px) 15px;}
footer .footer-title{ color: #ffffff; font-size: 26px; margin-bottom: 20px; padding-bottom: 15px; position: relative; font-weight: 600; line-height: unset; }
footer .footer-title::before{ content: ""; position: absolute; left: 0; bottom: 0; width: 32px; height: 5px; background: var(--main-color-2); -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; }
footer .social-icons .footer-title-2{font-size: 20px; color: #D0DAEF;}
footer .social-icons .sociallist{ padding: 0; gap: 18px;}
footer .social-icons .sociallist a i{font-size: 22px;}

footer .extrafooter{padding: 20px 0;}

.footer__shape-wrap img { position: absolute; z-index: 1; }
.footer__shape-wrap img:nth-child(1) { left: 15px; bottom: -80px; max-width: 89px; }
.footer__shape-wrap img:nth-child(2) { right: 15px; bottom: -80px; max-width: 170px; }
.copyright-text p { margin-bottom: 0; font-size: 16px; font-weight: 500; color: #8E9DBF; text-align: right;}

.footer__bottom-menu .list-wrap li { position: relative; }
.footer__bottom-menu .list-wrap li::before { content: ""; position: absolute; right: -19px; top: 50%; transform: translateY(-50%) rotate(24deg); width: 2px; height: 16px; background: #fff; border-radius: 2px; }
.footer__bottom-menu .list-wrap li:last-child:before { content: unset;}
.footer__bottom-menu .list-wrap { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex ; align-items: center; gap: 10px 35px; flex-wrap: wrap; padding: 0; margin: 0; justify-content: center; }

.menu-vertical ul li a { color: var(--footer-li-color); font-size: var(--footer-li-font-size);}

/* SLIDERS */
.banner__shape-wrap img {position: absolute;height: 60px;width: fit-content; display: none;}
.banner__shape-wrap img:nth-child(1) {left: 11%;top: 0;}
.banner__shape-wrap img:nth-child(2) {left: 4%;bottom: 8%;}
.banner__shape-wrap img:nth-child(3) {right: 44%;top: 11%;}
.banner__shape-wrap img:nth-child(4) {right: 47%;bottom: 14%;}

#slider .sliderbanner figure img{margin-bottom: 0 !important;}
#slider .sliderbanner .caption { bottom: 0; top: 0; margin: auto 15px; height: fit-content; width: fit-content; pointer-events: all; left: 10%; padding: 10px; max-width: 500px; }
#slider .sliderbanner .caption .details .info{margin-bottom: 15px;}
#slider .sliderbanner .caption > .titleslider { padding: 0; margin-bottom: 10px;}
#slider .sliderbanner .caption > .titleslider > a{ color: var(--main-color-3) ; font-weight: 600;}
#slider:hover .sliderbanner .caption > .titleslider > a{text-decoration: none;}
#slider .sliderbanner .caption .details{ color: var(--main-color-5); }
#slider .sliderbanner .caption .details p{ color: var(--main-color-5); }
#slider .portfolio-thumb{margin-bottom: 0; width: 100%;}
#slider .sliderbanner.right .caption { left: 5%; right: 10%; margin-left: auto; }
#slider .sliderbanner.right,
#slider .sliderbanner.right *:not(.caption){ margin-left: auto; text-align: right; }
#slider .sliderbanner.center .caption{left: 0; right: 0; margin: auto;}
#slider .sliderbanner.center,
#slider .sliderbanner.center *:not(.caption){ margin: auto; text-align: center; }

#slider .img-caption{position: absolute;right: 15%;bottom: 10%;max-width: unset;flex: unset;width: auto;}
#slider .img-caption img{max-width: 400px;}

/* TITULARES */
div.title{ text-transform: uppercase; font-size: 24px; font-weight: 600; color: var(--main-color-2); margin-bottom: 14px; line-height: 1; gap: 6px; font-family: var(--heading-font-family);}
/*div.title::after{ content: ""; display: block; background-image: url(/media/images/template/pet_icon02.svg); background-size: cover; width: 15px; height: 15px; filter: brightness(0) saturate(100%) invert(100%) sepia(27%) saturate(4883%) hue-rotate(191deg) brightness(81%) contrast(84%); }*/

/* ABOUT */
.about__shape-wrap img { position: absolute; }
.about__shape-wrap img:nth-child(2) { right: 6%; bottom: 10%; }
.about__shape-wrap img:nth-child(1) { left: 5%; bottom: 10%; }

/* CTA */
.CTA .item .single-post-slide-wrap > div{padding: 30px 0;}

/* FILTRO PRODUCTOS */
.off-canvas-area-wrapper:not(.filter-canvas) { opacity: 0; visibility: hidden; pointer-events: none; position: fixed; top: 0; right: 0; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; height: 100vh; width: 100vw; }
.off-canvas-area-wrapper:not(.filter-canvas) .off-canvas-content-wrap { margin-left: auto; height: 100%; position: relative; -webkit-transform: translateX(calc(100% + 40px)); -ms-transform: translateX(calc(100% + 40px)); transform: translateX(calc(100% + 40px)); -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; max-width: 450px; width: 100%; }
@media only screen and (max-width: 575.98px) { .off-canvas-area-wrapper:not(.filter-canvas) .off-canvas-content-wrap{ max-width: calc(100% - 45px) ; } }
/* .off-canvas-area-wrapper:not(.filter-canvas) .off-canvas-content-wrap .off-canvas-content{ padding: 40px; height: 100%; overflow-y: auto; } */
@media only screen and (max-width: 575.98px) {  .off-canvas-area-wrapper:not(.filter-canvas) .off-canvas-content-wrap .off-canvas-content{ padding: 30px 15px; } }
.off-canvas-area-wrapper:not(.filter-canvas) .off-canvas-content-wrap .off-canvas-content .off-canvas-item { margin-bottom: 60px; }
.off-canvas-area-wrapper:not(.filter-canvas) .off-canvas-content-wrap .off-canvas-content .off-canvas-item:last-child{ margin-bottom: 0; }
.off-canvas-area-wrapper:not(.filter-canvas) .off-canvas-content-wrap .off-canvas-content .off-canvas-item h2{ font-size: 16px; line-height: 1; font-weight: 600; text-transform: uppercase; margin-bottom: 23px; margin-top: -2px; }
.off-canvas-area-wrapper:not(.filter-canvas) .off-canvas-content-wrap .btn-close{ position: absolute; right: 100%; top: 100px; line-height: 40px; height: 40px; width: 40px; border: 0; }
.off-canvas-area-wrapper:not(.filter-canvas).show{ opacity: 1; visibility: visible; pointer-events: visible; z-index: 99999; }
.off-canvas-area-wrapper:not(.filter-canvas).show .off-canvas-overlay{background-color: rgba(0, 0, 0, 0.5); content: ""; position: absolute; left: 0; top: 0; height: 100%; width: 100%; z-index: -1; }
.off-canvas-area-wrapper:not(.filter-canvas).show .off-canvas-content-wrap{ -webkit-transform: none; -ms-transform: none; transform: none; }

.filter-canvas.off-canvas-area-wrapper { opacity: 0; visibility: hidden; pointer-events: none; position: fixed; top: 0; right: 0; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; height: 100vh; width: 100vw; }
.filter-canvas.off-canvas-area-wrapper .off-canvas-content-wrap { margin-right: auto; height: 100%; position: relative; -webkit-transform: translateX(calc(-100% - 40px)); -ms-transform: translateX(calc(-100% - 40px)); transform: translateX(calc(-100% - 40px)); -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; max-width: 400px; width: 100%; }
@media only screen and (max-width: 575.98px) { .filter-canvas.off-canvas-area-wrapper .off-canvas-content-wrap{ max-width: calc(100% - 45px) ; } }
.filter-canvas.off-canvas-area-wrapper .off-canvas-content-wrap .off-canvas-content{ padding: 40px 15px 15px 40px; height: 100%; overflow-y: auto; }
@media only screen and (max-width: 575.98px) {  .filter-canvas.off-canvas-area-wrapper .off-canvas-content-wrap .off-canvas-content{ padding: 30px 15px; } }
.filter-canvas.off-canvas-area-wrapper .off-canvas-content-wrap .off-canvas-content .off-canvas-item { margin-bottom: 60px; }
.filter-canvas.off-canvas-area-wrapper .off-canvas-content-wrap .off-canvas-content .off-canvas-item:last-child{ margin-bottom: 0; }
.filter-canvas.off-canvas-area-wrapper .off-canvas-content-wrap .off-canvas-content .off-canvas-item h2{ font-size: 16px; line-height: 1; font-weight: 600; text-transform: uppercase; margin-bottom: 23px; margin-top: -2px; }
.filter-canvas.off-canvas-area-wrapper .off-canvas-content-wrap .btn-close{ position: absolute; left: 100%; top: 100px; line-height: 40px; height: 40px; width: 40px; border: 0; background-color: #fff;}
.filter-canvas.off-canvas-area-wrapper.show{ opacity: 1; visibility: visible; pointer-events: visible; z-index: 99999; }
.filter-canvas.off-canvas-area-wrapper.show .off-canvas-overlay{background-color: rgba(0, 0, 0, 0.5); content: ""; position: absolute; left: 0; top: 0; height: 100%; width: 100%; z-index: -1; }
.filter-canvas.off-canvas-area-wrapper.show .off-canvas-content-wrap{ -webkit-transform: none; -ms-transform: none; transform: none; }

.off-canvas-area-wrapper.show .modal-backdrop{cursor: url(/media/images/cursor/cursor-close.svg), auto;}
.offcanvas-title{margin-bottom: 20px;}
.offcanvas-body img{width: 100%;}

aside .off-canvas-content{background-color: #fff;}
aside .off-canvas-content-wrap {z-index: 1100;}

.filter {margin-bottom: 30px;}
.filter .filter-title {pointer-events: none;}
.filter .filter-title i{transition: transform 0.3s ease-in-out;}
.filter form .category-container .category-toggler{cursor: pointer;}
.filter form .category-container .category-toggler i{ transform: rotate(0deg); transition: all 0.3s ease-in-out;}
*[class*="-toggler"] i{ transform: rotate(0deg); transition: all 0.3s ease-in-out;}

.filter .custom-fields .header{margin-top: 10px; border-top: 1px solid #ccc;}
.filter p[class*="-toggler"]{display: flex; justify-content: space-between; width: 100%; padding: 0 5px 0 0; cursor: pointer;}

.filter #category-list .cat-filter-label + .cat-filter-label{margin-top: 15px;}


/* FITXA PRODUCTO */
.fitxa p,
.fitxa li,
.fitxa div,
.fitxa span {font-weight: 400;}
.fitxa p{line-height: 1.75;}
#product-desc-wrap .nav-tabs {    border: none;    gap: 10px;    margin-bottom: 20px;  }
#product-desc-wrap .nav-tabs .nav-item{margin: 0 !important;}
#product-desc-wrap .nav-tabs .nav-item .nav-link { margin: 0 !important; background: #f8f8f8; color: var(--main-color-3); font-size: var(--button-font-size); border-radius: 5px; border: var(--button-border-size) var(--button-border-type) var(--button-border-color); padding-top: var(--button-padding-top); padding-bottom: var(--button-padding-bottom); padding-left: var(--button-padding-left); padding-right: var(--button-padding-right); }
#product-desc-wrap .nav-tabs .nav-item .nav-link:hover,
#product-desc-wrap .nav-tabs .nav-item .nav-link.active { background: var(--main-color-3); color: #fff; }
#product-desc-wrap .tab-content {visibility: visible !important;}
#product-desc-wrap .tab-content p {    margin-bottom: 0;    font-weight: 500;   margin-bottom: 15px;  }
#product-desc-wrap .tab-content p:last-child{margin-bottom: 0;}
#product-desc-wrap .tab-content .tab-pane > div[class*="col"]{padding: 0 !important;}

/* CUSTOM FIELDS */
.cf-container { display: flex; flex-direction: row; margin-bottom: 8px; flex-wrap: wrap;}
.cf-container .cf-title{ margin-right: 10px; font-weight: 600; margin-bottom: 5px;}
.cf-container .cf-content  *{font-size: var(--content-p-font-size);}
.cf-container .cf-content > div{display: flex; gap: 10px; flex-wrap: wrap;}

/* IMAGENES - GALERIA - VIDEO */
.fitxa.Productos #contentfitxa .gallery.carrousel > div{margin: 0 -15px;}
.fitxa.Productos #contentfitxa .gallery .item.mix-4-col{width: calc(25% - 0.5px);}
.fitxa.Productos #contentfitxa .gallery .item img,
.fitxa.Productos #contentfitxa .imagen-principal img{ border-radius: 15px; border: 1px solid #E4E4E4; width: 100%; object-fit: contain; aspect-ratio: 3 / 4; padding: 15px; }

/* LISTADO ACCESORIOS */
.customfields> div{ margin-top: 40px; padding-top: 25px; border-top: 1px solid #d9d9d9; }
.accesorios .product-list{ margin-top: 40px; padding-top: 25px; border-top: 1px solid #d9d9d9; }
.accesorios .row.Productos{align-items: center;}
.accesorios .item{margin-bottom: 0 !important; padding-left: 15px; padding-right: 15px;}
.accesorios .item:not(.special-item) .title{ font-size: 14px; font-weight: 500; border: none; background: #F3F3F3; line-height: 1; border-radius: 30px; padding: 9px 16px; display: block; margin: 0 !important;}
.accesorios .special-item .title{ margin: 0 !important;}
/* COMPARTIR PAGINA */
.share-page {display: flex; gap: 15px; flex-direction: row; margin-top: 40px; padding-top: 25px; border-top: 1px solid #d9d9d9; align-items: center;}
.share-page .share-title{ font-weight: bold; text-align: center;}
.share-page .share-item{display: flex; justify-content: center;}
.share-page .share-item [class*="share"] { display: flex; width: 40px; align-items: center; justify-content: center; color: var(--main-color-3); font-size: 16px; text-decoration: none; transition: all 0.3s ease-in-out; }
.share-page .share-item [class*="share"]:hover{ transform: translateY(-5px); color: var(--main-color-2);}

/* DESCRIPCION CORTA */
.short-description .contentext{margin-top: 25px; padding-top: 25px; border-top: 1px solid #d9d9d9;}

/* LISTADO DE PRODUCTOS */
.product-list .Productos .item .post-miniature{margin-bottom: 15px; position: relative;}
.product-list .Productos .item .post-miniature img{ border-radius: 15px; border: 1px solid #E4E4E4; width: 100%; object-fit: contain; aspect-ratio: 3 / 4; padding: 15px; }
.product-list .Productos .item .post-miniature:hover img,
.product-list .Productos .item .post-miniature img:hover{filter: none;}
.product-list .Productos .item {margin-bottom: 30px;}
.product-list .Productos .item .post-miniature .post-absolute{position: absolute; top: 0; left: 0; right: 0; bottom: 0; pointer-events: none;}
.product-list .Productos .item .post-miniature .post-absolute .featured { display: block; line-height: 1; font-size: 12px; color: #fff; font-weight: 700; background: var(--main-color-2);  border-radius: 100px; padding: 4px 10px; margin: 20px; width: fit-content;}
.product-list .Productos .item .post-details .post-content .post-title .title{ margin-bottom: 15px; font-family: var(--general-text-font-family); font-size: var(--content-p-font-size); font-weight: 500; line-height: 1.3; color: var(--main-color-5); transition: all .3s ease-in-out;}
.product-list .Productos .item .post-details .post-content .post-title a:hover, .product-list .Productos .item .post-details .post-content .post-title a:hover .title{color: var(--main-color-2); text-decoration: none;}

/* CARRUSEL DE PRODUCTOS */
.Productos.swiper .swiper-slide .post-miniature{margin-bottom: 15px; position: relative;}
.Productos.swiper .swiper-slide .post-miniature:hover img,
.Productos.swiper .swiper-slide .post-miniature img:hover{filter: none;}
.Productos.swiper .swiper-slide .post-miniature img{ border-radius: 15px; border: 1px solid #E4E4E4; width: 100%; object-fit: contain; aspect-ratio: 3 / 4; padding: 15px; }
.Productos.swiper .swiper-slide .post-miniature .post-absolute{position: absolute; top: 0; left: 0; right: 0; bottom: 0; pointer-events: none;}
.Productos.swiper .swiper-slide .post-miniature .post-absolute .featured { display: block; line-height: 1; font-size: 12px; color: #fff; font-weight: 700; background: var(--main-color-2);  border-radius: 100px; padding: 4px 10px; margin: 20px; width: fit-content;}
.Productos.swiper .swiper-slide .post-details .post-content .post-title .title{ margin-bottom: 15px; font-family: var(--general-text-font-family); font-size: var(--content-p-font-size); font-weight: 500; line-height: 1.3; color: var(--main-color-5); transition: all .3s ease-in-out;}
.Productos.swiper .swiper-slide .post-details .post-content .post-title a:hover, .Productos.swiper .swiper-slide .post-details .post-content .post-title a:hover .title{color: var(--main-color-2); text-decoration: none;}

.post-ecommerce{ display: flex ; gap: 15px; }
.post-ecommerce .price{}
.post-ecommerce .price span{color: var(--main-color-2); font-weight: 600; }
.post-ecommerce .old-price{}
.post-ecommerce .old-price span{ text-decoration: line-through; opacity: 0.7; }

/* PAGINADOR */
.swiper .swiper-button-next{right: 15px;}
.swiper .swiper-button-prev{left: 15px;}
.swiper .swiper-button-next, .swiper .swiper-button-prev{ color: var(--main-color-2); width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; line-height: 0; filter: drop-shadow(0px 0px 8px rgba(0, 0, 0, 0.1)); border: 1px solid #D6D6D6; border-radius: 50%; font-size: 22px; position: absolute; z-index: 2; opacity: 0; transition: var(--transition-1); margin-top: 0; background-color: #fff;}
.swiper .swiper-button-next i, .swiper .swiper-button-prev i{line-height: 1;}
.swiper .swiper-button-next:hover, .swiper .swiper-button-prev:hover{ background: var(--main-color-2); color: #fff; border-color: var(--main-color-2); }
.swiper:hover .swiper-button-next, .swiper:hover .swiper-button-prev{ opacity: 1; }
.swiper .swiper-button-next.swiper-button-disabled, .swiper .swiper-button-prev.swiper-button-disabled{opacity: 0;}
.swiper .swiper-button-next::after, .swiper .swiper-button-prev::after{content: unset;}

ul.pagination{gap: 15px;}
ul.pagination .page-item{margin: 0 !important;}
ul.pagination .page-item .page-link{ display: flex; align-items: center; justify-content: center; width: 52px; height: 50px; background: #fff; border-radius: 8px; font-size: clamp(16px, 14.847px + 0.360vw, 20px); color: var(--main-color-5); font-weight: 600; border: 1px solid #DDD; line-height: 1; }
ul.pagination .page-item.active_page .page-link,
ul.pagination .page-item .page-link:hover{ color: #fff; background: var(--main-color-3); border-color: var(--main-color-3); }

/* CARRUSEL LOGOS */
.logos.product-list{padding: 30px 0 20px;}
.logos.product-list .title{}
.logos.product-list .item img{border-radius: 15px; width: 100%; object-fit: contain; aspect-ratio: 1 / 1; padding: clamp(0px, -4.324px + 1.351vw, 15px); filter: grayscale(1); max-height: 175px; transition: all 0.3s ease-in-out;}
.logos.product-list .item img:hover{filter: none;}
.logos.product-list .item .portfolio-wrap-columns,
.logos.product-list .item .portfolio-wrap-columns .container{margin-bottom: 0 !important;}
.logos.product-list .item.mix-4-col{width: calc(25% - 0.5px);}

/* CONTACTO */
#contacte main .list-wrap { margin: 0px; padding: 0px; }
#contacte main .list-wrap>li { display: flex; align-items: center; gap: 12px; font-weight: 400; margin-bottom: 30px; }
#contacte main .list-wrap>li .icon { width: 40px; height: 40px; flex: 0 0 auto; display: flex; align-items: center; justify-content: center; background: var(--main-color-2); color: #fff !important; border-radius: 50%; line-height: 0; font-size: 18px; }
#contacte main .list-wrap>li .icon i,
#contacte main .list-wrap>li .icon i::before{color: #fff !important; font-size: 18px;}

.contact-form-wrapper{ background: #f8f8f8; border-radius: 12px; padding: clamp(20px, 14.234px + 1.802vw, 40px) clamp(20px, 12.793px + 2.252vw, 45px) clamp(20px, 12.793px + 2.252vw, 45px); }
.contact-form-wrapper form .form-group textarea{padding-top: 10px;}

/* IMAGEN + TEXTO */
.icontext{ display: flex ; align-items: center; gap: 20px; margin-bottom: 30px;flex-direction: column;  text-align: center;}
.icontext .image { width: 100%; max-width: 50px; transition: var(--transition-1); }
.icontext:hover .image{ transform: rotateY(180deg); }
.icontext .feature-info{}
.icontext .feature-info h3{margin-bottom: 5px;
  font-size: clamp(16px, 14.847px + 0.360vw, 22px);
  font-weight: 600;
  line-height: 1;
  text-align: center;}
.icontext .feature-info p{ margin-bottom: 0; font-size: clamp(14px, 13.423px + 0.180vw, 16px); font-weight: 500; line-height: 150%; }

/* GALERIA TEST */
.thumbs-gallery .swiper { width: 100%; height: auto; }
.thumbs-gallery .swiper .swiper-wrapper{align-items: center;}
.thumbs-gallery .swiper-tabs-content { height: 80%; width: 100%; }
.thumbs-gallery .swiper-tabs-list { height: 20%; }
.thumbs-gallery .swiper-tabs-list .swiper-slide { opacity: 0.4; }
.thumbs-gallery .swiper-tabs-list .swiper-slide-thumb-active { opacity: 1; }
.thumbs-gallery .swiper-slide img { width: 100%; height: 100%; object-fit: cover; }
.thumbs-gallery .swiper-tabs-list .swiper-slide{cursor: pointer;}
.thumbs-gallery .swiper-tabs-content .swiper-slide{margin-bottom: 15px;}
.thumbs-gallery .swiper-tabs-content .swiper-slide img {border-radius: 15px; border: 1px solid #E4E4E4; width: 100%; object-fit: contain; aspect-ratio: 3 / 4; padding: 15px; }

/* QUIENES SOMOS */
.team__details-img { margin: 30px auto; padding: 9px; position: relative; width: fit-content; max-width: unset; flex: unset;}
.team__details-img::before { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; /*border: 2px dashed #C8C2C8;*/ border-radius: 245px; }
.team__details-img img { /*border-radius: 245px;*/border-radius: 30px; }
/* .team__details-img img::before { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; border: 2px dashed #C8C2C8; border-radius: 245px; } */

/* TABLA COOKIES */
.tabla-cookies > div {overflow-x: auto;}
.tabla-cookies table{width: 100%;}

/* ADVANCED FORM MASCOTA */
form[id*="advancedForm"]{}
form[id*="advancedForm"] .rendered-form{ display: -ms-flexbox; display: flex ; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; }
form[id*="advancedForm"] .rendered-form > div[class*="field-"]{ position: relative; width: 100%; padding-right: 15px; padding-left: 15px; }
form[id*="advancedForm"] .rendered-form .field-image-permit > label{display: none;}
form[id*="advancedForm"] .rendered-form .field-privacy-policy > label{display: none;}
form[id*="advancedForm"] .rendered-form .formbuilder-checkbox-inline input{ width: fit-content !important; display: inline !important; }
form[id*="advancedForm"] .rendered-form > .field-email,
form[id*="advancedForm"] .rendered-form > .field-name,
form[id*="advancedForm"] .rendered-form > .formbuilder-textarea{ max-width: 50%; flex: 0 0 50%; }
form[id*="advancedForm"] .rendered-form > div[class*="field-"] textarea{ width: 100%; padding-top: 12px; height: 75px !important; border-radius: var(--form-input-border-radius) !important; border: var(--form-input-border-size) var(--form-input-border-type) var(--form-input-border-color) !important; background: var(--form-input-bg) !important; color: var(--form-input-color) !important; font-size: var(--form-input-font-size) !important; margin-top: var(--form-input-margin-top) !important; margin-bottom: var(--form-input-margin-bottom) !important; margin-left: var(--form-input-margin-left) !important; margin-right: var(--form-input-margin-right) !important; padding-bottom: var(--form-input-padding-bottom) !important; padding-left: var(--form-input-padding-left) !important; padding-right: var(--form-input-padding-right) !important; }
form[id*="advancedForm"] .rendered-form p{padding: 0 15px; margin-bottom: 15px;}
form[id*="advancedForm"] .rendered-form .field-fotos #fotos{ height: auto !important; margin-bottom: 15px !important; padding: 0 !important; background: unset !important; border: 0 !important; cursor: pointer !important; }
/* form[id*="advancedForm"] .rendered-form .field-email,
form[id*="advancedForm"] .rendered-form .field-name,
form[id*="advancedForm"] .rendered-form .field-birth-date,
form[id*="advancedForm"] .rendered-form .field-weight{max-width: calc(100% / 2); flex: 0 0 calc(100% / 2);}
form[id*="advancedForm"] .rendered-form .field-character,
form[id*="advancedForm"] .rendered-form .field-activity,
form[id*="advancedForm"] .rendered-form .field-food { max-width: calc(100% / 3); flex: 0 0 calc(100% / 3); }
form[id*="advancedForm"] .rendered-form .field-trip{ max-width: 100%; flex: 0 0 100%; }
form[id*="advancedForm"] .rendered-form .field-health_2,
form[id*="advancedForm"] .rendered-form .field-race{ max-width: calc(100% * 2 / 3); flex: 0 0 calc(100% * 2 / 3); }
form[id*="advancedForm"] .rendered-form .field-health,
form[id*="advancedForm"] .rendered-form .field-specie { max-width: calc(100% / 3); flex: 0 0 calc(100% / 3); } */
form[id*="advancedForm"] .rendered-form .field-lopd .formbuilder-checkbox-group-label{display: none;}
form[id*="advancedForm"] .rendered-form .field-lopd .formbuilder-checkbox-inline{display: flex; flex-direction: row; align-items: center;}
form[id*="advancedForm"] .rendered-form .field-lopd .formbuilder-checkbox-inline label{margin-bottom: 0;}
form[id*="advancedForm"] .rendered-form .field-lopd .formbuilder-checkbox-inline input{width: fit-content;}
.rendered-form.formbuilder-embedded-bootstrap .form-control, form[id*="advancedForm"] .form-control { height: var(--form-input-height) !important; border-radius: var(--form-input-border-radius) !important; border: var(--form-input-border-size) var(--form-input-border-type) var(--form-input-border-color) !important; background: var(--form-input-bg) !important; color: var(--form-input-color) !important; font-size: var(--form-input-font-size) !important; margin-top: var(--form-input-margin-top) !important; margin-bottom: var(--form-input-margin-bottom) !important; margin-left: var(--form-input-margin-left) !important; margin-right: var(--form-input-margin-right) !important; padding-top: var(--form-input-padding-top) !important; padding-bottom: var(--form-input-padding-bottom) !important; padding-left: var(--form-input-padding-left) !important; padding-right: var(--form-input-padding-right) !important; }
.rendered-form .form-group .formbuilder-required{margin-left: 3px;}
.formbuilder-radio-inline input{width: unset !important; display: inline !important;}
.rendered-form .btn{ background: var(--button-bg-color) !important; color: var(--button-color) !important; font-size: var(--button-font-size) !important; border-radius: var(--button-border-radius) !important; border: var(--button-border-size) var(--button-border-type) var(--button-border-color) !important; padding-top: var(--button-padding-top) !important; padding-bottom: var(--button-padding-bottom) !important; padding-left: var(--button-padding-left) !important; padding-right: var(--button-padding-right) !important; }
.rendered-form .btn:hover{ background: var(--button-bg-color-hover) !important; color: var(--button-color-hover) !important; border-color: var(--button-border-color-hover) !important; }

/* COLABORADORES */
.colaboradores_details_img { margin-right: 30px; padding: 9px; position: relative; width: fit-content; max-width: unset; flex: unset;}
.colaboradores_details_img::before { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; border: 2px dashed #C8C2C8; border-radius: 245px; }
.colaboradores_details_img img { border-radius: 245px; }
.fitxa.Colaboradores h1{ position: relative; font-weight: 600; line-height: unset; margin-bottom: 20px;}
.fitxa.Colaboradores h1::before{ content: ""; position: absolute; left: 0; bottom: 0; width: 32px; height: 5px; background: var(--main-color-2); -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; }
.fitxa.Colaboradores .cf-flex{display: flex; gap: 15px; margin-bottom: 15px;}
.fitxa.Colaboradores .cf-flex .cf-container{margin-bottom: 0;}
.fitxa.Colaboradores .cf-flex .cf-container span{color: var(--main-color-3);}
.fitxa.Colaboradores .cf-container{align-items: center; gap: 10px; margin-bottom: 15px; flex-wrap: nowrap;}
.fitxa.Colaboradores .cf-container a{display: flex; gap: 5px; align-items: center;}
.fitxa.Colaboradores .cf-icon{ width: 40px; height: 40px; flex: 0 0 auto; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex ; align-items: center; justify-content: center; background: var(--main-color-2); color: #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; line-height: 0; font-size: 18px; }
.fitxa.Colaboradores .cf-wrapper{opacity: 0; transition: all 0.3s ease-in-out; pointer-events: none; transform: translateY(15px);}
.fitxa.Colaboradores .cf-wrapper.visible{opacity: 1 !important; pointer-events: unset !important; transform: none;}

/* LISTADO COLABORADORES */
 .Colaboradores .swiper-slide, .Colaboradores .item{margin:  clamp(26px, 16.198px + 3.063vw, 60px) 0 30px; padding-left: 30px; padding-right: 30px;}
 .Colaboradores .swiper-slide .post-miniature .shape-one, .Colaboradores .item .post-miniature .shape-one { position: absolute; width: 107%; height: 100%; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: -1;}
 .Colaboradores .swiper-slide .post-miniature .shape-two , .Colaboradores .item .post-miniature .shape-two { position: absolute; top: clamp(-62px, -18.198px + -3.063vw, -28px); right: 0; z-index: -1; display: none;}
 .Colaboradores .swiper-slide .post-miniature .shape-one svg, .Colaboradores .item .post-miniature .shape-one svg { width: 100%; height: 100%; position: absolute; visibility: visible; display: block; color:#C8C2C8; }
 .Colaboradores .swiper-slide .post-miniature .shape-two svg, .Colaboradores .item .post-miniature .shape-two svg { color: #D3C4D3; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; height: clamp(50px, 40.198px + 3.063vw, 84px); width: auto;}
 .Colaboradores .swiper-slide .post-miniature, .Colaboradores .item .post-miniature {position: relative; margin-bottom: 30px;}
 .Colaboradores .swiper-slide .post-miniature > a, .Colaboradores .item .post-miniature > a{display: block;}
 .Colaboradores .swiper-slide .post-miniature picture,  .Colaboradores .item .post-miniature picture { -webkit-mask-image: url(/media/images/template/team_mask_img.svg); mask-image: url(/media/images/template/team_mask_img.svg); -webkit-mask-size: 100%; mask-size: 100%; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; height: 100%; width: 100%; margin: 0 auto; position: relative; display: block;}
 .Colaboradores .swiper-slide .post-miniature picture img, .Colaboradores .item .post-miniature picture img { max-width: unset; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }
 .Colaboradores .swiper-slide .post-miniature picture::before, .Colaboradores .item .post-miniature picture::before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: var(--main-color-3); opacity: 0; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; }
 .Colaboradores .swiper-slide .post-miniature .post-absolute, .Colaboradores .item .post-miniature .post-absolute{ position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; width: fit-content; height: fit-content; display: flex; gap: 10px; }
 .Colaboradores .swiper-slide .post-miniature .post-absolute .cf, .Colaboradores .item .post-miniature .post-absolute .cf{ transform: translateY(10px); opacity: 0;}
 .Colaboradores .swiper-slide .post-miniature .post-absolute .cf:nth-child(1),.Colaboradores .item .post-miniature .post-absolute .cf:nth-child(1){transition: all 0.3s ease-out 0s;}
 .Colaboradores .swiper-slide .post-miniature .post-absolute .cf:nth-child(2), .Colaboradores .item .post-miniature .post-absolute .cf:nth-child(2){transition: all 0.3s ease-out 0.05s;}
 .Colaboradores .swiper-slide .post-miniature .post-absolute .cf:nth-child(3), .Colaboradores .item .post-miniature .post-absolute .cf:nth-child(3){transition: all 0.3s ease-out 0.1s;}
 .Colaboradores .swiper-slide .post-miniature .post-absolute .cf:nth-child(4), .Colaboradores .item .post-miniature .post-absolute .cf:nth-child(4){transition: all 0.3s ease-out 0.15s;}
 .Colaboradores .swiper-slide .post-miniature .post-absolute .cf:nth-child(5), .Colaboradores .item .post-miniature .post-absolute .cf:nth-child(5){transition: all 0.3s ease-out 0.2s;}
 .Colaboradores .swiper-slide .post-miniature .post-absolute .cf a, .Colaboradores .item .post-miniature .post-absolute .cf a{color: #fff;}
 .Colaboradores .swiper-slide .post-miniature .post-absolute .cf a:hover, .Colaboradores .item .post-miniature .post-absolute .cf a:hover{color: var(--main-color-2);}
 .Colaboradores .swiper-slide .post-summary,  .Colaboradores .swiper-slide .post-title, .Colaboradores .item .post-summary,  .Colaboradores .item .post-title{text-align: center; transition: all 0.3s ease-in-out;}
 .Colaboradores .swiper-slide .post-content a:hover,  .Colaboradores .swiper-slide .post-content a:hover .post-title, .Colaboradores .item .post-content a:hover,  .Colaboradores .item .post-content a:hover .post-title{text-decoration: none !important; color: var(--main-color-2);}
 .Colaboradores .swiper-slide:hover, .Colaboradores .item:hover{}
 .Colaboradores .swiper-slide:hover .post-miniature .shape-two svg, .Colaboradores .item:hover .post-miniature .shape-two svg { color: var(--main-color-2);}
 .Colaboradores .swiper-slide:hover .post-miniature picture::before , .Colaboradores .item:hover .post-miniature picture::before { opacity: 0.9; }
 .Colaboradores .swiper-slide:hover .post-miniature .post-absolute .cf, .Colaboradores .item:hover .post-miniature .post-absolute .cf{transform: none; opacity: 1;}
 .Colaboradores .swiper-slide .post-miniature:hover img, .Colaboradores .item .post-miniature:hover img{filter: unset;}
.entitats{background: var(--footer-bg-color); padding:30px!important;}
.entitats h2{color:#fff!important;font-size: 30px;  margin-bottom: 20px;}
.entitats .contentext{column-count: 4;}
.entitats p{color:#fff;font-size: 16px;}
.entitats li{color:#fff;font-size: 16px;}

 /* ALERT */
.alert-colaborador{ padding: 5px 10px; border-radius: 5px; background-color: #E3CAE2; color: var(--main-color-2); /* margin-top: 15px; */ /* margin-bottom: 15px; */ }
.alert-colaborador p{ color: var(--main-color-2); font-size: 14px; }
.alert-colaborador p:first-child{margin-bottom: 0; font-weight: bold;}
.gallery-rotation .item{padding: 15px;}
.gallery-rotation .item .portfolio-wrap-columns{overflow: unset !important;}
.gallery-rotation .item img{border-radius: 10px!important;}

/* NUESTRO PROYECTO IMG */
.nuestro-proyecto-img img{border-radius: 30px;}

/*banner galeria*/
/* Contenidor principal Polaroid */
.individualbanner1new {
  background: #fff;
  padding: 20px 20px 25px 20px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15), 
              0 1px 3px rgba(0, 0, 0, 0.1);
  /*max-width: 350px;*/
  width: 100%;
  /*transform: rotate(-2deg);*/
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  position: relative;
  display: flex;
  flex-direction: column;
  margin: 20px;
}

.individualbanner1new:hover {
  transform: rotate(0deg) scale(1.05)!important;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2), 
              0 2px 6px rgba(0, 0, 0, 0.15);
}

/* Imatge primer */
.individualbanner1new .portfolio-thumbnew {
  margin: 0 0 20px 0;
  line-height: 0;
  overflow: hidden;
  order: 1;
}

.individualbanner1new .portfolio-thumbnew a {
  display: block;
}

.individualbanner1new .portfolio-thumbnew img,
.individualbanner1new .portfolio-thumbnew picture {
  width: 100%;
  height: auto;
  display: block;
}

/* Caption a sota de la imatge */
.individualbanner1new .captionnew {
  padding: 0;
  text-align: center;
  font-family: 'Courier New', 'Courier', monospace;
  order: 2;
}

.individualbanner1new .captionnew .title {
  margin: 0 0 10px 0;
  font-size: 1.1em;
  font-weight: 600;
  line-height: 1.3;
}

.individualbanner1new .captionnew .title a {
  color: #333;
  text-decoration: none;
  transition: color 0.3s ease;
}

.individualbanner1new .captionnew .title a:hover {
  color: #000;
}

.individualbanner1new .captionnew .detailsnew {
  display: block;
}

.individualbanner1new .captionnew .info {
  margin: 0 0 15px 0;
  color: #666;
  font-size: 0.9em;
  line-height: 1.4;
}

.individualbanner1new .captionnew .info p {
  margin: 5px 0;font-size: 14px;
}

.individualbanner1new .captionnew .btn {
  display: inline-block;
  margin-top: 10px;
  font-size: 0.85em;
}

/* Ajustos per posicionament absolut */


/* Responsive */
@media (max-width: 991px) {
  .individualbanner1new {
    max-width: 300px;
    padding: 15px 15px 20px 15px;
  }
}

@media (max-width: 480px) {
  .individualbanner1new {
    max-width: 280px;
    padding: 12px 12px 18px 12px;
    margin: 15px;
  }
  
  .individualbanner1new .captionnew .title {
    font-size: 1em;
  }
  
  .individualbanner1new .captionnew .info {
    font-size: 0.85em;
  }
  
  .individualbanner1new .captionnew .btn {
    font-size: 0.8em;
  }
}