/* ===================  NO BORRAR =============================== */
:root {
	font-size: 20px;
    --blue: #cae8f3;
    --indigo: #331177;
    --purple: #8e44ad;
    --red: #e74c3c;
    --orange: #f39c12;
    --yellow: #F4D03F;
    --green: #2ecc71;
    --teal: #27ae60;
    --cyan: #16a085;
    --white: #fff;
    --gray: #bdc3c7;
    --gray-light: #d9dcde;
    --gray-dark: #95a5a6;
    --primary: #000000;
    --secondary: #666;
    --success: #54d98c;
    --info: #1abc9c;
    --warning: #e67e22;
    --danger: #c0392b;
	--lighter: #f6f5f8;
    --light: #f0eff3;
	--light-2: #f0eff3;
	--light-3: #efedf5;
	--light-4: #e0ddec;
    --dark: #343a40;
    --dark-blue: #222;
    --darker: #141414;
    --black: #080808;
	/* --pink: #f6e7e6; */
	--pink: #F0EEE9;
	--dark-pink: #a2977c;
	--light-pink: #F7F6F4;
    --new-blue: #dde5ed;
    --new-dark-blue: #61768b;
    --new-light-blue: #d1d9e1;
}

body{
    font-family: 'Poppins', sans-serif; font-weight: 300; color: #333;
    overflow-x: hidden;
    position: relative;
}
p{
    font-family: 'Poppins', sans-serif; font-weight: 300; color: #333;
}
p strong{
    font-family: 'Poppins', sans-serif; font-weight: 300; 
}
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6{
    font-family: 'Domaine-Disp-regular', serif; font-weight: 300; color:var(--black);
}
.btn-accordion {font-family: 'Poppins', sans-serif; font-weight: 300; }
a {
	color:#000;
	color: var(--primary);
	-webkit-transition: all .2s ease-in;  transition: all .2s ease-in;
}
a:hover {
	color: var(--secondary);
}
img[src=""] {
        content: url(/../img/logo-black.svg);
    width: 55%;
    margin: 0 auto;
    display: block;
    opacity: 0.5;
    transform: translateY(65%);
}
.missingImage{}
.missingImage img{width:75%!important;}
.missingImageProduct{height: 100%;}
.missingImageProduct .missingImage img{aspect-ratio: 9/16;margin: 0 auto;    display: block;opacity:0.7;}

.navigation-wrap {    z-index: 8000;}
.navbar {    width: 100%;}
.navigation-wrap{ padding: 0 5vw;}
.navbar-nav {    margin-right: 0!important;}

#topbar {    padding-right: 0px;}
#topbar .extratop .btn {    font-size: 20px;}
#topbar .extratop .btn i{margin-top:-5px;}
#index .margin-principal {    padding: 0;}
.margin-principal {    padding: 0 5vw;}
.aspectratio16_9 iframe{aspect-ratio:16/9; object-fit:cover;}
/*hack margins*/
.row.fullwidth{margin-left:0; margin-right:0;}
.row.fullwidth .row{margin-left:0; margin-right:0;}
.row.fullwidth div{padding-left:0; padding-right:0;}

/*fi hack margins*/

/* ===================  NO BORRAR =============================== */
@font-face {
    font-display: swap;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/poppins-v24-latin-300.woff2') format('woff2'); 
}
@font-face {
    font-display: swap;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/poppins-v24-latin-regular.woff2') format('woff2'); 
}
@font-face {
    font-display: swap;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/poppins-v24-latin-500.woff2') format('woff2'); 
}
@font-face {
    font-display: swap;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    src: url('../fonts/poppins-v24-latin-600.woff2') format('woff2'); 
}
@font-face {
    font-display: swap;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/poppins-v24-latin-700.woff2') format('woff2'); 
}

@font-face {
    font-family: 'Domaine-Disp-regular';
    src: url('../fonts/DomaineDisp-Regular.eot');
    src: url('../fonts/DomaineDisp-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/DomaineDisp-Regular.woff2') format('woff2'),
        url('../fonts/DomaineDisp-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Domaine-Disp-medium';
    src: url('../fonts/DomaineDispMedium.eot');
    src: url('../fonts/DomaineDispMedium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/DomaineDispMedium.woff2') format('woff2'),
        url('../fonts/DomaineDispMedium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

#index .margin-principal {/*	margin-top: 0;margin-bottom: 0;*/margin-top: 121px;margin-bottom: 5%;}
h1,h2,h3,h4,h5,h6 {font-family: 'Domaine-Disp-regular',serif;}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #ccc;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #ccc;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #ccc;
}
:-moz-placeholder { /* Firefox 18- */
  color: #ccc;
}
#Sliders-owl .row{margin-left:0; margin-right:0;}
.caption {
    pointer-events: none;
    position: absolute;
    width: auto;
    display: block;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.caption div{    margin: 0 auto; text-align:center}
.caption h1,.caption h2,.caption h3,.caption h4,.caption h5,.caption h6{font-family: 'Domaine-Disp-regular', serif; text-align:center;line-height: normal; display:block; top:inherit;color:#fff; font-weight: 300;}
.caption a{color:#fff;}
#Sliders-owl {    margin-bottom: 0;}
#Sliders-owl .portfolio-thumb{margin-bottom:0;}
#Sliders-owl .caption h2{font-size: min(max(16px, 3.8vw), 60px);}
#Sliders-owl .caption h3{font-size: min(max(16px, 3.8vw), 60px);}
.caption .projectebotservei{font-family: 'Poppins',sans-serif; font-weight: 300;    margin-top: 35px;}
.caption .projectebotservei a{    display: inline-block;    width: auto;    background: transparent;    border: 1px solid #fff;    text-transform: uppercase;    font-size: min(max(16px, 1.28vw), 16px);    padding: 6px 35px;    height: auto; border-radius:0;}

.btn:hover {
    background-color: var(--pink);
    color: #fff;
    border-color: var(--pink);
}
/*banner1*/
.individualbanner1{ display: flex;
    justify-content: center;
    align-items: center;}
.individualbanner1 figure,.individualbanner2 figure  {    margin: 0;/*padding: 0 15px;*/}
.individualbanner1 .caption{    margin-top: 16vw!important;    max-width: 65%;    margin-left: inherit;    padding: 0 5vw!important;}
.individualbanner1 .caption h2{    font-size: min(max(16px, 3vw), 55px);}
.individualbanner1 .caption h3{    font-size: min(max(16px, 3vw), 55px);}
.individualbanner1.left{}
.individualbanner1.right{    justify-content: flex-end;}
.individualbanner1.left .caption{    max-width: 65%;    margin-left: inherit;}
.individualbanner1.right .caption{    max-width: 65%;    margin-left: inherit;    justify-content: flex-end;    left: inherit;}
.individualbanner1.center .caption{    max-width: 65%;    margin-left: inherit;  left: 0; right: 0; margin-left: auto; margin-right:auto;}
.individualbanner1 .caption .projectebotservei a {margin-top:25px;}
/*banner2*/
.individualbanner2{margin-bottom:1px!important;}
/* .individualbanner2:after{    content: "";    position: absolute;    width: 100%;    bottom: -6px;    z-index: 10;    background: #fff;    height: 12px;} */
.bloque.iz .individualbanner2:after{display: none}
.bloque.de .row div:last-child .individualbanner2:after{display:none;}
.individualbanner2 .caption{    margin: 0 auto!important; padding: 0 3vw!important;}

.individualbanner2{
    justify-content: start !important;
    align-items: end !important;
}
.individualbanner2 .caption {
    padding: 30px !important;
    max-width: unset !important;
}
.individualbanner2 .caption h2 {
    /* font-size: min(max(16px, 3vw), 55px); */
    font-size: clamp(32px, 27.964px + 1.261vw, 46px);
    text-align: left;
}
#slogan{padding:100px 0;}
#banners .big{/*padding:0 15px;*/}
#banners .iz {
    /* border-top: 12px solid #fff; */
    /* border-bottom: 6px solid #fff; */
    /* border-left: 12px solid #fff; */
    /* border-right: 6px solid #fff; */
}
/* #banners .de{    border-right: 12px solid #fff;    border-left: 6px solid #fff; border-top: 12px solid #fff;    border-bottom: 6px solid #fff;} */
#banners .iz div,#banners .de div,#banners div{padding:0;margin:0;}
#bannerspink{margin-top:6px;padding:0;}
#bannerspink .iz{padding:0 6px 0 12px;}
#bannerspink .de{padding:0 12px 0 6px;}
.individualbanner3{     aspect-ratio: 16/7;    display: flex;    justify-content: center;    align-items: center; background-color: #D2ACA9; position:relative;min-height: 240px;}
.captionbanner3{    max-width: 80%;    text-align: center;    font-size: 50px;    line-height: normal;    color: #444;}
.individualbanner3 .zonalink {    position: absolute;       left: 0;    top: 0;    width: 100%;    height: 100%;display: flex;    justify-content: center;    align-items: center; min-height: 240px;}
.individualbanner3:hover a{background-color: transparent!important;}
.individualbanner3:hover h3,.individualbanner3:hover h2{opacity:0.8; margin-bottom:15px;}
.individualbanner2:hover h3,.individualbanner2:hover h2{opacity:0.8; margin-bottom:0 !important;}
/* Banner mod2 + Video overlay */
.individualbanner2video .video-overlay{transition:opacity .3s ease;}
.individualbanner2video .caption{transition:opacity .3s ease; z-index: 3;}
.individualbanner2video .portfolio-thumb{width: 100%;}
/* .individualbanner2video:hover .caption{opacity:0;} */
.individualbanner1:hover h3,.individualbanner1:hover h2{opacity:0.8; /* margin-bottom:15px; */}

.individualbanner3 h1,.individualbanner3 h2,.individualbanner3 h3,.individualbanner3 h4,
.individualbanner2 h1,.individualbanner2 h2,.individualbanner2 h3,.individualbanner2 h4,
.individualbanner13 h1,.individualbanner1 h2,.individualbanner1 h3,.individualbanner1 h4{-webkit-transition: all .2s ease-in;  transition: all .2s ease-in;}
.banner img{-webkit-transition: all .2s ease-in;  transition: all .2s ease-in;filter: brightness(100%); width:100%;}
.banner:hover img{filter: brightness(70%);}

/*prefooter*/
#mailchimpform {text-align:center;}
#mailchimpform h4,
#mailchimpform label {
    /* font-family: "Poppins", sans-serif; */
    font-family: 'Domaine-Disp-regular', serif;
    color: #666;
    font-size:clamp(20px, 17.694px + 0.721vw, 28px);
    margin-bottom: 20px;
}
#mailchimpform form{margin:0 auto 10px;justify-content: center;}
#mailchimpform button{color:#ddd;padding: 0 16px;}
#mailchimpform input{width: 50%;    padding: 12px 20px;    font-size: 24px;color: #666;}
#mailchimpform input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #666;
}
#mailchimpform input::-moz-placeholder { /* Firefox 19+ */
  color: #666;
}
#mailchimpform input:-ms-input-placeholder { /* IE 10+ */
  color: #666;
}
#mailchimpform input:-moz-placeholder { /* Firefox 18- */
  color: #666;
}
.social-icons h4 {
    line-height: 1.65;
    /* font-family: "Poppins", sans-serif; */
    font-family: 'Domaine-Disp-regular', serif;
    color: #666;
    font-size:clamp(20px, 17.694px + 0.721vw, 28px);
    margin-bottom: 20px;
}
.intsocial{justify-content: center;}
.intsocial li{width: 40px;    height: 40px;    border-radius: 50%;    border: 1px solid #111;    font-size: 24px;    display: flex;    justify-content: center;    align-items: center;}
.intsocial li a{color:#111;}
/*footer*/
footer,footer .bg-dark {    background-color: #f1f1f1!important;}
footer h4{font-family: 'Poppins', sans-serif; text-transform: uppercase;font-size: 20px;}
footer .padding-top {    padding-top: 50px;}
footer ul{padding:0;}
footer ul li{list-style:none; text-align:left;    margin-bottom: 10px;}
footer li,footer p,footer a{color:#333;}
footer .columna.doble ul{column-count: 2;}
footer h2,footer h3,footer h4{color:var(--black);}
footer .socket{background-color:var(--black); padding:5px 10px;}
footer .socket,footer .socket p,footer .socket a{color:var(--white);    font-size: 12px!important;}
#prefooter{padding:0px 0 80px;}
.progress-wrap::after, .progress-wrap::before {
    font-family: 'FontAwesome';
    content: '\f106';
    line-height: 40px;color:#333;
}
.social-icons ul {    display: flex;    flex-wrap: wrap;    padding: 0;}
/*menu*/
#index .main-navigation .navbar-nav .nav-link {   /* color: #fff!important;*/color: var(--black) !important;}
.main-navigation .navbar-nav .nav-link:hover {    opacity:0.8;}
.main-navigation ul li.nav-item {    margin: 35px 10px 5px 10px;font-family: 'Poppins', sans-serif;}
.nav-item.dropdown a:after { margin-left: 7px;}
.navbar-light .navbar-brand {  padding: 0 0;    height: 90px;}
.cbp-af-header.cbp-af-header-shrink .navbar-brand {	height: 70px;}
.cbp-af-header.cbp-af-header-shrink .nav-item {	margin: 35px 10px 5px 10px;}
.dropdown-item {    color:#000;    padding: 0 20px;}
#index .cbp-af-header .dropdown-menu{    background-color: rgba(255,255,255,0.7);}
#index .cbp-af-header.header-transparent.cbp-af-header-shrink .dropdown-menu{    background-color: rgba(255,255,255,1);}
.dropdown-menu.doble ul{column-count: 2;}
#index .cbp-af-header.header-transparent.cbp-af-header-shrink .main-navigation .navbar-nav .nav-link {    color: var(--black)!important;}
#index .cbp-af-header.header-transparent {border:none;background-color: var(--pink);}
#index .cbp-af-header.cbp-af-header-shrink .nav-item {    margin: 35px 10px 5px 10px;    -webkit-transition: all 0.3s ease-out;    transition: all 0.3s ease-out;}
#index .cbp-af-header.cbp-af-header-shrink .nav-item.dropdown .nav-item {  padding: 0; margin:0; }
#index .cbp-af-header.cbp-af-header-shrink .nav-item.dropdown .navitem.dropdown-menu{background-color: rgba(255,255,255,1);}
#index .cbp-af-header.cbp-af-header-shrink .nav-item:last-child{margin: 35px 0px 5px 10px;}
#index .navbar-brand img {    filter: brightness(0%);-webkit-transition: all 0.3s ease-out;    transition: all 0.3s ease-out;}
#index .cbp-af-header.cbp-af-header-shrink .navbar-brand img {    filter: brightness(0%);}
.cbp-af-header.cbp-af-header-shrink .dropdown-menu {    margin-top: 10px!important;}
.navbar-brand img {    filter: brightness(0%);}
.navbar-light .navbar-nav .nav-link {    color: rgba(0,0,0,1);    font-weight: 500; font-size: 18px;white-space: nowrap;}
.navbar-light .navbar-nav .nav-link.active{color:var(--new-dark-blue);}
.main-navigation ul li.nav-item:last-child {    margin: 35px 0px 5px 10px;   }
#index .idiomes a{/*color:#fff;*/color: #333;}
.idiomes a{font-size:12px;}
#index .cbp-af-header-shrink .idiomes a{color:#333;}
.main-navigation ul.idiomes li:after {margin: 0 3px 0 6px;content: " ";}
#index .btn-icon-transparent {  /*  color: #fff;*/color: #333;}
#index .cbp-af-header-shrink .btn-icon-transparent {    color: #333;}
.dropdown-item{font-weight: 500;}
/* .dropdown-menu{border-top: 0;} */

.ribbon::after {
    transition: all 0.3s ease-out;
    content: url("../../../img/pink-ribbon.svg");
    width: 15px;
    height: auto;
    position: absolute;
    top: 15px;
    right: 20px;
    display: inline-block;

}
.cbp-af-header.cbp-af-header-shrink .nav-item.ribbon::after {     transition: all 0.3s ease-out;   top: 7px;}
.nav-item.ribbon.dropdown a::after {    margin-left: 30px;}
/*CATEGORIA NIV 1*/
#categoria .cabecera .captioncategoria{position: absolute!important;    color: #fff;    z-index: 10;    top: unset!important;
    left: unset!important;}
#categoria .cabecera .row{justify-content: center;    align-items: center;}
#categoria .cabecera .captioncategoria .titlecat,#categoria .cabecera .captioncategoria h1{color:#fff; text-align:center;    font-size: clamp(36px, 33.117px + 0.901vw, 46px);text-shadow: 0 0 10px rgba(0,0,0,0.5);}
#categoria #cabecera-aqui .cabecera{width:100%;flex: 0 0 100%;    max-width: 100%;}
#categoria #cabecera-aqui .ordenpor{    position: absolute;    z-index: 20;    bottom: 80px;    right: 30px;    color: #fff;
    border: 1px solid #fff;    padding: 8px 15px;}
#categoria #cabecera-aqui .ordenpor{display:none;}
#sujetadores #categoria #cabecera-aqui .ordenpor{display:block;}
#categoria .product-list img{/*width:100%;*/}
#categoria .product-list .item{padding:2.5px; /* min-height: 31vw; */ margin-bottom: 30px;}
.product-list .no-results{ margin: 14% auto;}
.product-list .no-results p{border:1px solid #333; padding:15px 30px;}
#categoria .product-list .item h3{font-family: 'Poppins', sans-serif;padding-left: 15px; font-size:16px;   font-size: min(max(16px, 1.5vw), 18px); margin-bottom: 0;}
.product-list .item a{display:block;position: relative;}
.product-list .item a img{/*-webkit-transition: all .5s ease-in;  transition: all .5s ease-in;filter: brightness(100%);*/ width:100%;}
.product-list .item a:hover img{/*filter: brightness(70%);    opacity: 0.6;*/}
.product-list .franja{height: 6px;background: #fff;position: absolute;bottom: 0;}
.foto2{/*display:none;*/}
.product-list .single-post-slide-wrap .foto2 {	-webkit-transition: all .5s ease-in;  transition: all .5s ease-in;position: absolute;top: 0;left:0; width: 100%; opacity:0;visibility: hidden;}
.product-list .single-post-slide-wrap .foto1{-webkit-transition: all .5s ease-in;  transition: all .5s ease-in;opacity:1;}
.product-list .single-post-slide-wrap:hover .foto1{opacity:0;}
.product-list .single-post-slide-wrap:hover .foto2{visibility: visible;opacity:1;}
/*.product-list article a:hover .foto2{display:block;position: absolute;top: 0;}*/
/*carousel categories*/

#category-list{margin-bottom: 50px;    /*max-width: 80vw;*/}
#category-list .owl-stage{gap: 10px;}
#category-list .foto2{display:none;}
#subategories #category-list .owl-carousel .owl-item:first-child img {    background-color:var(--pink);}
#subategories #category-list .owl-carousel .owl-item:first-child .single-post-slide-wrap{justify-content: center;    align-items: center;    display: flex}
#subategories #category-list .owl-carousel .owl-item:first-child .post-details{    position: absolute;pointer-events: none;}
#subategories #category-list .owl-carousel .owl-item:first-child .post-content{pointer-events: none; color:#000;}

#category-list .owl-carousel .item img{    /*aspect-ratio: 1/1;    object-fit: cover;*/padding:0px;}
#category-list .owl-carousel .item img{-webkit-transition: all .2s ease-in;  transition: all .2s ease-in;}
#category-list .owl-carousel .item.all{background-color:#D2ACA9;}
#category-list .owl-carousel .item h3{font-family: 'Poppins', sans-serif;padding-left: 15px;  font-size:10px;   font-size: min(max(10px, 1.5vw), 14px);line-height: normal;    margin-top: 10px;text-align: center;    margin-bottom: 0;}
#category-list .owl-carousel.owl-drag .owl-item {    padding-bottom: 0px;}
.Productos.lev-1 .main-content-wrap,.Productos.lev-2 .main-content-wrap{    margin-top: 0!important;}
#category-list .owl-carousel img:hover{opacity:0.6;}
#category-list .owl-carousel .owl-nav button.owl-next, #category-list .owl-carousel .owl-nav button.owl-prev {border: none!important;    background-color: transparent!important;    outline: none;}
#category-list .owl-carousel .owl-prev.disabled,#category-list .owl-carousel .owl-next.disabled{display:none;}
#category-list .owl-carousel .owl-nav .owl-next {    right: -60px;}
#category-list .owl-carousel .owl-nav .owl-prev {    left: -60px;}
#category-list .owl-carousel .owl-nav button {    top: 28%;}
#category-list .owl-carousel .owl-nav button span{font-size:0;}
#category-list .owl-carousel .owl-nav button span {    color: #ccc !important;}
#category-list .owl-carousel .owl-nav button.owl-next span:before{content:"\e84b"; }
#category-list .owl-carousel .owl-nav button.owl-prev span:before{content:"\e848"; }
#category-list .owl-carousel .owl-nav button span:before{  font-family: "unicons";    font-size: 40px;
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    text-align: center;
    /* opacity: .8; */
    font-variant: normal;
    text-transform: none;
    /* font-size: 120%; */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-shadow: 1px 1px 1px rgb(127 127 127 / 30%);}
.owl-theme .owl-dots .owl-dot span {    background-color: #eee !important;    width: 10px;    height: 10px;}
.owl-theme .owl-dots .owl-dot.active span{    background-color: var(--new-dark-blue) !important;}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background-color: var(--new-dark-blue) !important;
}
#category-list .owl-dots {    width: 150px;    position: absolute;    left: 0;    right: 0;}
/*Fitxa Producte*/
.Productos.fitxa .margin-principal{padding: 0;}
.Productos.fitxa .margin-principal .row.fullwidth{padding: 0 5vw;}
.Productos.fitxa .videocontainer{padding: 0 7px;}

#ficha{/*padding-top:40px;*/}
#resultado #ver-todos, #ficha #ver-todos,#borrar-filtros {
    display: inline-block;
    width: auto;
    background: transparent;
    border: 1px solid #333;
    text-transform: uppercase;
    font-size: min(max(16px, 1.28vw), 16px);
    padding: 5px 35px;
    height: auto;
    border-radius: 0;
    color: #333;
    font-family: 'Poppins',sans-serif;
    font-weight: 300;
    font-size: 12px;
}
#galeria .gallerycontent article {
    padding: 0 2.5px;
    margin-bottom: 5px
}
#galeria .gallerycontent article .single-post-slide-wrap{border:1px solid #eee}
#description{    padding: 2vw 40px;}
#description h1{/*     text-transform: uppercase; */    font-size: 26px; line-height: normal;    font-weight: 600;}
#description p{    color: #666;    font-size: 18px;    line-height: 26px;}
#description h4,#description h5{ font-family: 'Poppins', sans-serif;    font-size: 18px;    font-weight: 500;    color: #333;margin-bottom: 10px;}
#description .tallaslist p{}
.bannerficha{    background-color: var(--pink); margin-bottom:14px; transition: all .3s ease-in-out;}
/* .bannerficha a { padding: 1.5vw 15px 1.5vw 3vw; display: block; font-family: 'Domaine-Disp-regular', serif; color: #333; font-size: 28px; }
.bannerficha button{         padding: 1.5vw 15px 1.5vw 3vw;    display: block;    font-family: 'Domaine-Disp-regular',serif;    color: #333; font-size: 28px; outline: none; border: none; width: 100%; text-align: left; background-color: transparent; } */
.bannerficha a, .bannerficha button { padding: 15px 30px; display: block; /* font-family: 'Domaine-Disp-regular', serif; */ font-family: 'Poppins', serif; color: #333; font-size: 18px; outline: none; border: none; width: 100%; text-align: left; background-color: transparent; font-weight: 300; display: flex; align-items: center; justify-content: space-between; }
.bannerficha:has(a:hover),
.bannerficha:has(button:hover){background-color: var(--light-pink);}
.bannerficha a::after,
.bannerficha button::after{ content: "\f105"; font-family: "FontAwesome"; font-size: 16px; color: #333; }
    
.fondorosa {background-color: var(--pink);padding:40px 0;}
.Productos.fitxa .margin-principal .row.fullwidth.fondorosa {    padding: 25px 0;}
.Productos.fitxa .margin-principal .row.fullwidth.fondorosa h2 {    padding: 0 5vw;}
.Productos.fitxa .breadcrumb{padding:0 15px;}
.Productos.fitxa .breadcrumb ul li:first-child{display:none;}
.breadcrumb ul {    flex-wrap: wrap;    margin: 0;}
.breadcrumb{border:0; margin-bottom: 30px;}


/*botons filtres*/
.filtrar{    display: flex;    flex-wrap: wrap;    justify-content: flex-end;margin-bottom: 20px;margin-top: 10px;}
.filtrar .btn {background-color: #fff; color:#333; margin-left:10px; text-transform:uppercase;font-size: 12px;    padding: 0 5px;padding: 0 15px; gap: 15px;
border: 1px solid #111;}

.filtrar .btn.ordenar:after{}
.filtrar .dropdown-menu{transform: translate3d(10px, 23px, 0px)!important;}
.filtrar button.filtro img{width: 16px;    height: 16px;    opacity: 0.7;    margin-top: -4px;}
.filtrar .btn:hover{background-color: #fff; color:#111;}
.filtrar .btn:hover img{opacity: 1;}
.disabled,#borrar-filtros[disabled="disabled"]{opacity:0!important;cursor: default!important;}
.checkbox-color:checked + label.white::after, .checkbox-color:not(:checked) + label.white::after {	color: #000;}
.popover {font-size:12px!important;}

/*botons filtres*/
#relacionados h2{font-family: 'Poppins', sans-serif;}
#relacionados article .post-details h2{font-family: 'Poppins', sans-serif;    padding-left: 15px;    font-size: min(max(10px, 1.5vw), 18px);}
#relacionados .main-content-wrap{padding-left: 5px; padding-right: 5px;} 
/*Fi Fitxa Producte*/
/*=================================
Start Off Canvas Area Wrapper
==================================*/
.off-canvas-area-wrapper, .off-canvas-responsive-menu, .off-canvas-search-box {
    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 .off-canvas-content-wrap, .off-canvas-responsive-menu .off-canvas-content-wrap, .off-canvas-search-box .off-canvas-content-wrap {
    background-color: white;
    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: 360px;
    width: 100%;
}

@media only screen and (max-width: 575.98px) {
    .off-canvas-area-wrapper .off-canvas-content-wrap, .off-canvas-responsive-menu .off-canvas-content-wrap, .off-canvas-search-box .off-canvas-content-wrap {
        max-width: 250px !important;
    }
}

.off-canvas-area-wrapper .off-canvas-content-wrap .off-canvas-content, .off-canvas-responsive-menu .off-canvas-content-wrap .off-canvas-content, .off-canvas-search-box .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 .off-canvas-content-wrap .off-canvas-content, .off-canvas-responsive-menu .off-canvas-content-wrap .off-canvas-content, .off-canvas-search-box .off-canvas-content-wrap .off-canvas-content {
        padding: 30px 15px;
    }
}

.off-canvas-area-wrapper .off-canvas-content-wrap .off-canvas-content .off-canvas-item, .off-canvas-responsive-menu .off-canvas-content-wrap .off-canvas-content .off-canvas-item, .off-canvas-search-box .off-canvas-content-wrap .off-canvas-content .off-canvas-item {
    margin-bottom: 60px;
}

.off-canvas-area-wrapper .off-canvas-content-wrap .off-canvas-content .off-canvas-item:last-child, .off-canvas-responsive-menu .off-canvas-content-wrap .off-canvas-content .off-canvas-item:last-child, .off-canvas-search-box .off-canvas-content-wrap .off-canvas-content .off-canvas-item:last-child {
    margin-bottom: 0;
}

.off-canvas-area-wrapper .off-canvas-content-wrap .off-canvas-content .off-canvas-item h2, .off-canvas-responsive-menu .off-canvas-content-wrap .off-canvas-content .off-canvas-item h2, .off-canvas-search-box .off-canvas-content-wrap .off-canvas-content .off-canvas-item h2 {
    font-size: 16px;
    line-height: 1;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 23px;
    margin-top: -2px;
}

.off-canvas-area-wrapper .off-canvas-content-wrap .btn-close, .off-canvas-responsive-menu .off-canvas-content-wrap .btn-close, .off-canvas-search-box .off-canvas-content-wrap .btn-close {
    background-color: white;
    position: absolute;
    right: 100%;
    top: 100px;
    line-height: 40px;
    height: 40px;
    width: 40px;
}

.off-canvas-area-wrapper .off-canvas-content-wrap .btn-close:hover, .off-canvas-responsive-menu .off-canvas-content-wrap .btn-close:hover, .off-canvas-search-box .off-canvas-content-wrap .btn-close:hover {
    background-color: #1F49B6;
    color: white;
}

.off-canvas-area-wrapper.show, .off-canvas-responsive-menu.show, .off-canvas-search-box.show {
    opacity: 1;
    visibility: visible;
    pointer-events: visible;
    z-index: 9999;
}

.off-canvas-area-wrapper.show .off-canvas-overlay, .off-canvas-responsive-menu.show .off-canvas-overlay, .off-canvas-search-box.show .off-canvas-overlay {
    background-color: rgba(0, 0, 0, 0.5);
    content: "";
    cursor: url("../img/icons/cancel.png"), auto;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: -1;
}

.off-canvas-area-wrapper.show .off-canvas-content-wrap, .off-canvas-responsive-menu.show .off-canvas-content-wrap, .off-canvas-search-box.show .off-canvas-content-wrap {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

.search-box-wrap {
    background-color: #f4f4f4;
    margin: -40px -40px 0 -40px;
    padding: 35px 40px;
}

@media only screen and (max-width: 575.98px) {
    .search-box-wrap {
        margin: -30px -15px 0 -15px;
    }
}

.search-box-wrap form {
    position: relative;
}

.search-box-wrap form input {
    background-color: transparent;
    border: none;
    display: block;
    padding-right: 20px;
    outline: none;
    width: 100%;
}

.search-box-wrap form .btn-search {
    font-size: 13px;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.useful-link-menu {
    margin-top: -20px;
    overflow: hidden;
}

.useful-link-menu li {
    float: left;
    margin-top: 20px;
    max-width: 50%;
    width: 100%;
}

.useful-link-menu li a {
    color: #666666;
    font-size: 14px;
    line-height: 1;
    font-weight: 500;
    text-transform: uppercase;
}

.useful-link-menu li a:hover {
    color: #1F49B6;
}
.off-canvas-area-wrapper .off-canvas-content-wrap .btn-close.trio-tooltip{border:none;outline:none;}
.off-canvas-area-wrapper .off-canvas-content-wrap .btn-close:hover{    background-color: var(--pink);}
.off-canvas-content-wrap{}
.btn-accordion {color: var(--black);}
.off-canvas-content{    padding: 30px!important;}
#accordionFilters{}
#accordionFilters .card{    border: none;    margin-bottom: 0; border-radius:0;}
#accordionFilters .card-header{}
#accordionFilters .card-header .btn-accordion{    padding: 12px 0px;}
#accordionFilters .card-body{    padding: 12px 0px;}
#accordionFilters #tallas .card-body ul.talla{display:flex;padding: 0;}

#accordionFilters .card-body ul{margin-bottom:0;}
#accordionFilters .card-body ul li {    font-size: 13px;    margin: 0 10px 0 0;}
#accordionFilters .card-body ul li a{padding:5px;}
#accordionFilters .card-body ul li a:hover{color:#000!important;}
#accordionFilters #tallas .card-body ul.talla li{list-style:none;}
#accordionFilters #tallas .card-body ul.talla li a{    color: #888;}
#accordionFilters #copas .card-body{    padding: 12px 0px;}
#accordionFilters #copas .card-body ul.copa{display:flex;padding: 0;}
#accordionFilters #copas .card-body ul.copa li{list-style:none;margin: 0 40px 0 0;}
#accordionFilters #copas .card-body ul.copa li a{    color: #888;}
#accordionFilters .col{flex-grow: inherit;    margin-bottom: 10px;}
.Productos #accordionFilters {    margin-bottom: 25px;}
.checkbox-color:checked + label, .checkbox-color:not(:checked) + label  {border-radius:50%;    width: 30px;    height: 30px;    border: 0px solid #ccc;}

#accordionFilters label.white{border:2px solid #ccc!important;}
.checkbox-color:not(:checked) + label.white {    border: 2px solid #ccc !important;}
.filtro-2 .checkbox-color:checked + label,.filtro-2 .checkbox-color:not(:checked) + label  {border-radius:50%;    width: 15px;    height: 15px;    border: 0px solid #ccc;}
.filtro-2 .form-group{ display: flex; }
.filtro-2 .checkbox-color:checked + label::after,.filtro-2 .checkbox-color:not(:checked) + label::after {
    cursor: auto;
}
.filtro-2 .form-group {margin-top: -15px;}
.checkbox-size:checked + label, .checkbox-size:not(:checked) + label  {   width: 40px;    height: 40px; color:#000;}
.checkbox-color:checked + label::after {    opacity: 1;}
.checkbox-color:checked + label::after, .checkbox-color:not(:checked) + label::after {	line-height: 28px;}
#accordionFilters .form-group input[type="radio"],#accordionFilters .form-group input[type="checkbox"] {    visibility: hidden;	display: none;}
.checkbox-color[disabled]+ label { pointer-events: none; }
.colores .nofoto:hover{ opacity:0.4!important;cursor:not-allowed}
.checkbox-size:not(:checked) + label:hover {    background-color: #888;}
.checkbox-size:checked + label {    background-color: var(--new-dark-blue);    color: #fff;}
.checkbox-color:checked + label {    border-color: #888;}
.checkbox-color:not(:checked) + label:hover {  border-color: #888;}
/*fi off canvas filter menu*/
/*Calcula tu talla*/
body.page .margin-principal{    padding: 80px 0;}
body.page p{font-size:20px;}
#calcula .margin-principal{    padding: 80px 0 0;}
body.page h1{margin-bottom:30px;}
body.page .row.fullwidth{padding:0 5vw}
body.page .row.fullwidth.fondorosa,body.page .row.fullwidth.fondogris{padding:0 5vw;}
#calcula .fondorosa{padding:40px 5vw 60px;    margin-top: 60px;}
#calcula .pasos:nth-child(odd) img{padding: 0 6px 0 0; margin-bottom:30px;}
#calcula .pasos:nth-child(even) img{padding: 0 0 0 6px; margin-bottom:30px;}
#calcula .pasos p{font-size:28px; color:#333;max-width: 75%;}

#calcular-talla .medida,#calcular-talla .search{padding:0 15px;}
#calcular-talla .search{    display: flex;    align-items: flex-end;}
#calcular-talla .search .btn{    background-color: #000;    border-radius: 0;    padding: 26px 20px;}
#calcular-talla .search .btn:hover,
#calcular-talla .search .btn:active,
#calcular-talla .search .btn:focus,
#calcular-talla .search .btn:hover {    background-color: #666!important;}
#calcular-talla input{padding: 30px 20px;    height: auto;    font-size: 28px;    text-transform: uppercase;    border-radius: 0;    border: 0;}
#calcular-talla label{font-size: 28px;}
#calcular-talla .medida:first-child{padding-left:0;}
#resultado{
    margin-top: 50px;
    text-align: center;
    margin: 50px auto;}
#resultado p{max-width: 100%!important;}
#resultado:empty{display:none;}
#consejos{margin:60px 0 40px;}
#consejos .bloque{margin-bottom:40px;}
#consejos img{border:1px solid #eee;}
#consejos p{    font-size: 28px;}
#consejos .text{    padding: 15px 40px 0 20px;}
#consejos h3{font-size: 50px;}
#consejos h2{margin-bottom:40px;}

/*Fi Calcula tu talla*/
/*MAPA*/
.blocpanelmap label{display:block;}
.blocpanelmap.distancia{/*margin-top:30px; margin-bottom:15px;*/}
.blocpanelmap{display:flex;     align-items: flex-end;flex-wrap: wrap;    padding: 0 15px!important;}
.blocpanelmap.boton{margin-top:15px;}
.blocpanelmap.boton .btn{ background-color: #000!important;   border-radius: 0;    padding: 15px 80px;    width: 100%;    text-transform: uppercase;}
.blocpanelmap.boton .btn:hover{background-color: #666!important;}
#lista_distribuidores li{list-style:none;}
#lista_distribuidores{padding:30px 15px}
#lista_distribuidores .item{    border-bottom: 1px solid #333;    padding: 15px;    font-size: 14px; display:block;  }
#lista_distribuidores .item .ubicacion{}
#lista_distribuidores .item .ubicacion span{display:block;}
#lista_distribuidores .item .name{font-family: 'Poppins', sans-serif;}
#lista_distribuidores .item .address{}
#lista_distribuidores .item .cp{}
#lista_distribuidores .item .phone{}
#lista_distribuidores .item .dist{}
#lista_distribuidores .item a{display:block;}
#lista_distribuidores .item a:hover{color:#666; margin-left:5px;}

#mapadistribuidores #mapresult #map{width:100%; object-fit:cover; height:600px;}
#mapadistribuidores #panel-map{height: 600px;}
#mapadistribuidores #int-panel{height: 150px;}
#mapadistribuidores #panel-map #lista_distribuidores{overflow-y: scroll; height:450px;}

.gm-style-iw-d p{margin-bottom: 0px;    font-size: 14px;}
.gm-style-iw-d p[style*="font-weight:bold"]{font-family: 'Poppins', sans-serif;}
.gm-style-iw button{    right: 5px!important;    top: 5px!important;}
.gm-style-iw,.gm-style-iw-d {background-color: var(--pink)!important}
.gm-style .gm-style-iw-t::after {background: var(--pink)!important}
.gm-style-iw-d > div > div{    padding: 15px 25px!important;}
.gm-style-iw-d  {    overflow: auto!important;}
.gm-style-iw-d  p{ font-size:12px!important;}
.gm-control-active {    margin-top: 0px !important;    margin-right: 20px !important;}
/*FI MAPA*/
/*buscador*/
.form-group input.search::placeholder {    color: var(--new-blue);    opacity: 0.7;    -webkit-transition: all 200ms linear;    transition: all 200ms linear;}
.search-form .btn-search {    border: none;    background: transparent;    font-size: 80px;    color: var(--new-blue);}
.modal-search .color-gray-dark {    color: #ccc;}
.modal-search .modal-content.bg-light-3{background-color: #fff!important;}
.form-style.search {	font-size: 3.5vw;}
/*fi buscador*/
/*unete a nuestro directorio*/
#directorio{}
#directorio h2{font-family: 'Poppins',sans-serif; font-size:24px;}
#directorio .form{padding:0 15px}
#directorio .form .introform{padding:0 15px;}
#directorio .foto{padding:0 15px}

.pinkform input,.pinkform textarea, .pinkform select, .pinkform .select2-selection--multiple{
	border-radius:0;
	background-color: var(--pink);
  border:none;
}
.pinkform .select2-selection--multiple{
	height: 48px!important;
}
.pinkform label{  margin-top: 10px;  font-size: 18px;    color: #666;}
.pinkform button {
    display: inline-block;
    width: auto;
    background: transparent;
    border: 1px solid #333;
    text-transform: uppercase;
    font-size: min(max(16px, 1.28vw), 16px);
    padding: 6px 35px;
    height: auto;
    border-radius: 0;
	color:#333;
	font-family: 'Poppins',sans-serif;
    font-weight: 300; margin-top:30px;
}
.pinkform small{line-height:normal; margin:30px 0; display:block;}
.pinkform .col{padding:0 15px!important;}
/*unete a nuestro directorio*/
/*Editorial*/
#editorial h1{padding:0 15px;}
#editorial article h2,#editorial article .subtitol,#editorial article .subtitol p{color:inherit;}
#editorial article {margin-bottom:60px;}
#editorial article:last-child {margin-bottom:0px;}
#editorial article .post-details{position: absolute; z-index: 10; /*bottom:50px; right:50px;*/}
/*#editorial article .single-post-slide-wrap{display:flex; flex-wrap: wrap; justify-content: flex-end; align-items: flex-end;}*/
#editorial article .single-post-slide-wrap{display: flex;  flex-wrap: wrap;  justify-content: center;  align-items: center;}
#editorial article h2{font-family: 'Domaine-Disp-regular', serif;font-size: clamp(30px,3vw,45px) !important; text-align: center;line-height: normal;}
#editorial article .subtitol, #editorial article .subtitol p{font-size:2vw; text-align: center;}

.Editorial.fitxa #video{margin:60px 0;}
.Editorial.fitxa .informacio{}
.Editorial.fitxa .fotos{}
.Editorial.fitxa .fotos .destacada{    margin-bottom: 60px;}
.Editorial.fitxa .fotos .masfotos{}
.Editorial.fitxa .maintitle h1{    font-size: 5vw;    line-height: normal;    padding-top: 30%; text-align:left;color:#333;}
.Editorial.fitxa .subtitulo h2{ font-family: 'Poppins',sans-serif;text-align:left; text-transform:uppercase;color:#333;font-size: 2vw;}
.Editorial.fitxa .info{padding-left:60px;}
.Editorial.fitxa .descripcion{margin-top: calc(30% + 60px);}
.Editorial.fitxa .descripcion p{font-size:20px;}




/*Fi Editorial*/
/*contacto*/
#contacto h2{font-family: 'Poppins',sans-serif; font-size:24px;}
#contacto .form{padding:0 15px}
#contacto .form .introform{padding:0 15px;}
#contacto .foto{padding:0 15px}
#contacto .form-input-item{padding:0 15px;}
#contacto .form-input-item label{padding:0;}

#distribuidor .margin-principal img{width:100%;}
#distribuidor h2{font-family: 'Poppins',sans-serif;text-align:left; text-transform:uppercase;color:#333;font-size: 20px;}

/* fi contacto*/
/*noticias*/
article .blogresumtext{margin-top:60px!important;}
.Blog.fitxa .descripcion{margin-top:30px;}
.blogList .item .post-content h2{font-size: clamp(16px,2vw,24px);  line-height: normal;}
.blogList .item img{margin-bottom:10px;}
.blogList .item .block-ellipsis{}
.blogList .item .block-ellipsis *{font-size: clamp(12px,2vw,16px);  line-height: normal; font-family: 'Poppins', sans-serif;}
.blogList .item {margin-bottom: 15px;}
.blogList.mt-5 {  margin-top: clamp(5px,2vw,30px) !important;}
/*fi noticias*/

.video-home iframe{
	width: 100%;
	height: 100%;
}

/************GESTION DE COOKIES************/

.slide.round {
    border-radius: 34px;
}

.politicas-cookie {
   /* background: transparent;*/
   background: rgba(0,0,0,0.6);
    right: 0;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 10000;
}

.boton-subir, .politicas-cookie {
    position: fixed;
}
#politicas-cookie .modal-dialog, #politicas-cookie .modal-content{
    max-width: 700px;
}


.boton-cookie.big {
    background: var(--pink);
    font-size: 14px;
    margin: 35px auto;
    border-radius: 6px;
    font-weight: bold;
    border: 1px solid #000;
}

.boton-cookie {
    /*display: flex;*/
    color: #111;
    background: #ccc;
    border-radius: 0px;
    margin-left: 5px;
    font-size: 14px;
    padding: 10px 25px;
    text-decoration: none;
    transition: .5s;
	    border: none;
}

.info-cookie {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    color: #fff;
    font-size: 1.2em;
    margin-bottom: 0;
    margin-top: 0;
}
.card .icons{border:1px solid #ccc; margin-left:10px; width: 35px; height: 35px;display: inline-block; border-radius: 50%;}
.card .icons i {    line-height: 30px;    display: block;}

.modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: #000;
}

.modal-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1rem;
    border-bottom: 1px solid #dee2e6;
    border-top-left-radius: .3rem;
    border-top-right-radius: .3rem;
}

#accordion-cookies .card {
    border: none;
    background-color: #fff;
}

#accordion-cookies .card .card-header {
    border: none;
    background-color: #fff;
    text-align: center;
    cursor: pointer;
    padding: 0.4rem 1.25rem;
}

#accordion-cookies .card .card-header h3 {
    margin: 0;
}

#accordion-cookies h3, #accordion-cookies h2 {
    color: #666;
    font-size: 20px;
}
.cookies_titulo h3{
    font-weight: bold;
}
.bloccookie .cookies_titulo {
    margin-bottom: 5px;
    font-weight: bold;
    color: #666;
}
.bloccookie .column {
    border: 1px solid #eee;
    padding: 15px 20px;
}
.bloccookie {
    margin-bottom: 15px;
}
#editcookies {
    font-size: 12px;
}
#accordion-cookies h3 {
    font-size: 16px;
    margin-top: 15px;
}

footer .btn-brand {
    color: #000;
    background-color: #ddd;
    padding: 10px 20px;
}

#gestion_cookies .switch {
    position: relative;
    display: inline-block;
    width: 110px;
    height: 34px;
    border-radius: 34px;
}
.switch input {display:none;}
.slide {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
    padding: 8px;
    color: #fff;

}
.slide:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 78px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}
#filtrebox input[type="checkbox"] {
    visibility: hidden;
    display: none;
}

input:checked + .slide {
    background-color: #d2aca9;
    padding-left: 40px;
}

input:focus + .slide {
    box-shadow: 0 0 1px #d2aca9;
}
input:checked + .slide:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
    left: -20px;
}
.slide.round {
    border-radius: 34px;
}
.slide.round:before {
    border-radius: 50%;    background: #ddd;content: "OFF";text-indent: -45px;    line-height: 25px;
}
input:checked + .slide.round:before {
    border-radius: 50%;    background: #fff;content: "";text-indent: 45px;    line-height: 25px;
}
#politicas-cookie .modal-body{
    padding: 10px 20px;
    margin: 0;
}
#politicas-cookie .modal-body p{
    font-size: 15px;
    margin-bottom: 0;
}

/********Estils***********/
#accordion-cookies .title-aviso{
    border-top: 1px solid #eee;
    padding-top: 5%;
    max-width: 90%;
    flex: 0 0 90%;
    margin: 5%;
}
#accordion-cookies .texto-privacidad{
    max-width: 90%;
    margin: 0 auto;
}
@media (max-width: 576px){
    .modal.show .modal-dialog{
      transform: none;
    }
    .modal-dialog{
        width: 90%!important;
        margin: 1% 5%!important;
    }
    .modal-body{
        min-height: 82vh;
        padding: 10px 15px;
    }
    #accordion-cookies .card .card-header h3{
        width: 245px;
        text-align: center;
    }
    #politicas-cookie .modal-body p{
        font-size: 14px;
    }
    #accordion-cookies .card .card-header {
        padding: 0.7rem 1.25rem;
    }
		#mapadistribuidores #panel-map{
			height: 100%!important;
		}
}

/* FORM LOADING */
.custom-form .loader{transition:opacity .5s linear;opacity: 0;}

.custom-form.loading .loader {
    opacity: 1;
    display: inline-block;
    width: auto;
    margin-left: 15px;
}
.custom-form.loading .loader:before {
    content: "\f021";
    font: normal normal normal 14px/1 FontAwesome;
    -webkit-font-smoothing: antialiased;
    font-weight: 100;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    color: #666;
    font-size: 24px;
    transform: rotate(90deg);
    animation: lds-dual-ring 1.2s linear infinite;
}

.lds-dual-ring {
  display: inline-block;
  width: 80px;
  height: 80px;
}
.lds-dual-ring:after {
  content: " ";
  display: block;
  width: 64px;
  height: 64px;
  margin: 8px;
  border-radius: 50%;
  border: 6px solid currentColor;
  border-color: currentColor transparent currentColor transparent;
  animation: lds-dual-ring 1.2s linear infinite;
}
@keyframes lds-dual-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}


/************FIN DE GESTION DE COOKIES************/
/*.single-post-slide-wrap{aspect-ratio: 3 / 4;}*/

#pagina-cada-momento .individualbanner1 .caption{
    margin-top: 5vw!important;
    max-width: 70%!important;
    padding: 0!important;
}

#pagina-cada-momento .individualbanner1 .caption a{
    color: #000;
}

#pagina-cada-momento .individualbanner1 .caption h3 {
    font-size: min(max(15px, 3vw), 50px);
}

#pagina-cada-momento .individualbanner1 .details{
    display: none;
}
#landing-campana .newsletter-campana{ top: 0px;}

.ytplayer {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
  }

.ytplayer::before {
    content: url(/img/ytplayer.svg);
      position: absolute;
      z-index: 10;
      pointer-events: none;
}
#landing-campana .titol{}
#landing-campana .titol h1{font-size: clamp(24px,5vw,50px);    padding-top: 0;}

#landing-campana .clear > div{all:unset;}
#landing-campana .lateral{}
#landing-campana .individualbanner3{aspect-ratio: unset;height: 100%; }
.vdistrib{}
.vdistrib > div{height: 100%;    display: block; }
.vdistrib > div > div{height: 33.3333%;}
#landing-campana .newsletter-campana{display: flex;    align-items: center;justify-content: center;    padding: 0 30px;}
#landing-campana .captionbanner3{font-size: clamp(20px,2vw,50px);}
#landing-campana #mailchimpform h4{font-size: clamp(16px,1.2vw,40px);line-height: normal;}
#landing-campana .individualbanner3,#landing-campana .individualbanner3 .zonalink{min-height: unset;}
#landing-campana #mailchimpform input{font-size: clamp(14px,1.2vw,24px);width: 100%;}
#landing-campana .legal {    line-height: normal;    display: block;  }
#landing-campana .video {   padding-right: 6px; }
#landing-campana .lateral {   padding-left: 6px; }
#landing-campana.fitxa .descripcion {		margin-top: 0px;	}
#landing-campana #prefooter .fila1{display:none;}
#landing-campana #prefooter .fila2 .news{display:none;}
#landing-campana #prefooter .fila2 .xxss{    flex: 0 0 100%;    max-width: 100%;}
.btn-decline{margin: 0 auto; /*display: flex;*/ background-color: #fff; color: #000; font-size: 12px;}
.btn-decline:hover{border: 1px solid  #000;color: #000; background-color: #fff; }
.buttons-cookies{display: inline-block; margin: 1% 4%; padding: 0 2%; width: 92%;}
.buttons-cookies button{margin: 0 1%;}
.b-boton-cookie{display: flex;}
.boton-cookie:hover{border: 1px solid  #000;}


/* ZOOM GALERIA PRODUCTOS */

/* --- CSS: zoom en hover sense opacitat --- */
.single-post-slide-wrap {
  position: relative;
  overflow: hidden;
}

.single-post-slide-wrap img {
  display: block;
  width: 100%;
  height: auto;
  transition: transform 0.5s ease-out;
  transform-origin: center center;
  will-change: transform, transform-origin;
}

.single-post-slide-wrap.zoom-active img {
  transform: scale(2.5); /* ajusta “2” per la magnitud de zoom que vulguis */
}
/* #guia-tallas .modal-dialog,#guia-tallas .modal-content{
    max-width: 799px;
} */
 #guia-tallas .modal-dialog, #guia-tallas .modal-content {
    max-width: 1000px;
    max-height: 700px;
    overflow: auto;
}
#guia-tallas .container{
    padding-right:0px!important;
    padding-left:0px!important;
}

#popup-aviso {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.95);
    max-width: 320px;
    background-color: #fdecea;
    color: #5f2120;
    border: 1px solid #f5c6cb;
    padding: 12px 16px;
    border-radius: 8px;
    font-family: Arial, sans-serif;
    font-size: 14px;
    display: flex;
    align-items: flex-start;
    align-items: center; 
    box-shadow: 0 0 8px rgba(0,0,0,0.1);
    opacity: 0;
    animation: fadeIn 0.6s ease-out forwards;
    z-index: 1000;
  }

  #popup-aviso::before {
    content: "❗";
    font-size: 18px;
    margin-right: 8px;
    margin-top: 2px;
  }

  @keyframes fadeIn {
    to {
      opacity: 1;
      transform: translate(-50%, -50%) scale(1);
    }
  }
/* ===== SLIDER VERTICAL: animació, altura full-vh i caption centrat ===== */
@keyframes owlSlideInUp {
    from { transform: translateY(100%); }
    to   { transform: translateY(0); }
}
@keyframes owlSlideOutUp {
    from { transform: translateY(0); }
    to   { transform: translateY(-100%); }
}
.owlSlideInUp  { animation-name: owlSlideInUp;  animation-duration: 0.8s; animation-fill-mode: both; animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1); }
.owlSlideOutUp { animation-name: owlSlideOutUp; animation-duration: 0.8s; animation-fill-mode: both; animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1); }

/* Forçar opacitat 1 durant tota la transició de bloc — mata qualsevol fade */
#Sliders-owl .owl-animated-in,
#Sliders-owl .owl-animated-out { opacity: 1 !important; }
/* Owl .animated sobreescriu la durada — la reposem */
#Sliders-owl .animated { animation-duration: 0.8s !important; }

@media (min-width: 992px) {
    #Sliders-owl .item .portfolio-thumb {
        height: calc(100vh - 120px);
        overflow: hidden;
        position: relative;
    }
    
}


/* ===== Apple-style home banners ===== */
#home-banners { display: none; }
#index #home-banners { display: flex; flex-direction: row; margin-bottom: 100px;}
#index #home-banners .home-apple-banner { flex: 1; border-right: 1px solid rgba(0,0,0,0.06); }
#index #home-banners .home-apple-banner:last-child { border-right: none; }
@media (max-width: 767px) { #index #home-banners { flex-direction: column; } }

.home-apple-banner {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 300px;
    text-decoration: none !important;
    position: relative;
    overflow: hidden;
    border-bottom: 1px solid rgba(0,0,0,0.06);
    transition: background-color 0.35s ease;
}
.home-apple-banner__inner {
    text-align: center;
    padding: 20px;
    max-width: 750px;
}
.home-apple-banner__title {
    font-family: "Domaine-Disp-regular", serif;
    font-size: clamp(36px, 33.405px + 0.811vw, 45px);
    font-weight: 300;
    line-height: 1.1;
    margin-bottom: 15px;
    color: inherit;
}
.home-apple-banner__cta {
    font-size: 20px;
    font-weight: 300;
    color: inherit;
    opacity: 0.55;
    transition: opacity 0.2s ease;
}
.home-apple-banner:hover .home-apple-banner__cta { opacity: 1; }

.banner-talla              {background-color: var(--new-blue);color: #1d1d1f;}
.banner-talla:hover        { background-color: var(--new-light-blue); color: #1d1d1f; }
.banner-tienda             { background-color: var(--light-pink);  color: #1d1d1f; }
.banner-tienda:hover       { background-color: var(--pink);  color: #1d1d1f; }
/* .banner-distribucion       { background-color: #f9f0ef; color: #1d1d1f; }
.banner-distribucion:hover { background-color: #f2e5e4; color: #1d1d1f; } */
/* ====================================== */

/* Fix horizontal scroll on touch devices */
html { overflow-x: hidden; }
#Sliders-owl,
#Sliders-owl .owl-stage { touch-action: pan-y; }

#guia-tallas{ --light-2: var(--new-light-blue); }
#guia-tallas .table .thead-light th{background-color: var(--new-blue);}

/* ====================================== */
/* Animacions d'entrada per classes       */
/* ====================================== */

/* --- Keyframes --- */
@keyframes seleneInUp    { from { opacity: 0; transform: translateY(20px);  } to { opacity: 1; transform: translateY(0);  } }
@keyframes seleneInDown  { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0);  } }
@keyframes seleneInLeft  { from { opacity: 0; transform: translateX(-20px); } to { opacity: 1; transform: translateX(0);  } }
@keyframes seleneInRight { from { opacity: 0; transform: translateX(20px);  } to { opacity: 1; transform: translateX(0);  } }

@keyframes seleneZoomIn { from { opacity: 0; transform: scale(0.93); } to { opacity: 1; transform: scale(1); } }

/* --- Propietats comunes --- */
.anim-up,
.anim-down,
.anim-left,
.anim-right,
.anim-zoom {
    animation-duration: 0.65s;
    animation-fill-mode: both;
    animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

/* --- Animació en carrega (sense anim-scroll) --- */
.anim-up    { animation-name: seleneInUp;    animation-delay: 0.35s; }
.anim-down  { animation-name: seleneInDown;  animation-delay: 0.35s; }
.anim-left  { animation-name: seleneInLeft;  animation-delay: 0.35s; }
.anim-right { animation-name: seleneInRight; animation-delay: 0.35s; }
.anim-zoom  { animation-name: seleneZoomIn;   animation-delay: 0.35s; }

/* --- Delays opcionals --- */
.anim-delay-1 { animation-delay: 0.45s; }
.anim-delay-2 { animation-delay: 0.55s; }
.anim-delay-3 { animation-delay: 0.65s; }
.anim-delay-4 { animation-delay: 0.75s; }
.anim-delay-5 { animation-delay: 0.85s; }

/* --- Activació per scroll --- */
/* Inicialment invisible, sense animació */
.anim-scroll { opacity: 0; }
.anim-scroll.anim-up,
.anim-scroll.anim-down,
.anim-scroll.anim-left,
.anim-scroll.anim-right,
.anim-scroll.anim-zoom { animation-name: none; }

/* Quan entra al viewport: activa l'animació */
.anim-scroll.is-visible.anim-up    { animation-name: seleneInUp;    animation-delay: 0s; }
.anim-scroll.is-visible.anim-down  { animation-name: seleneInDown;  animation-delay: 0s; }
.anim-scroll.is-visible.anim-left  { animation-name: seleneInLeft;  animation-delay: 0s; }
.anim-scroll.is-visible.anim-right { animation-name: seleneInRight; animation-delay: 0s; }
.anim-scroll.is-visible.anim-zoom  { animation-name: seleneZoomIn;   animation-delay: 0s; }

/* Delays per scroll (s'apliquen sobre el 0s base) */
.anim-scroll.is-visible.anim-delay-1 { animation-delay: 0.1s; }
.anim-scroll.is-visible.anim-delay-2 { animation-delay: 0.2s; }
.anim-scroll.is-visible.anim-delay-3 { animation-delay: 0.3s; }
.anim-scroll.is-visible.anim-delay-4 { animation-delay: 0.4s; }
.anim-scroll.is-visible.anim-delay-5 { animation-delay: 0.5s; }

.Productos.fitxa:has(.contenido-composicion:empty) .titulo-composicion,
.Productos.fitxa:not(:has(.contenido-composicion:not(p))) .titulo-composicion{display: none;}