/********************************************************* ESTILOS GERAIS DO SITE *********************************************************/
/************************************************************* VARIAVEIS CSS **************************************************************/
:root{
  --cinza1: #525252;
  --cinza2: #AFAFAF;
  --cinza3: #6A6A6A;
  --cinza4: #E8E8E8;
  --corF5: #F5F5F5;
}

input[type="checkbox"], input[type="radio"].checkbox{
  /*************** CHECKBOX ***************/
  --checkbox_background: transparent;
  --checkbox_width: 13px;
  --checkbox_height: 13px;
  --checkbox_border: 1px solid var(--corpri4);
  --checkbox_radius: 0%;

  --checkbox_check_background: var(--corpri4);
  --checkbox_check_width: 7px;
  --checkbox_check_height: 7px;
  --checkbox_check_radius: 0%;
  /************* FIM CHECKBOX *************/
}

input[type="radio"], input[type="checkbox"].radio{
  /*************** CHECKBOX ***************/
  --radio_background: transparent;
  --radio_width: 13px;
  --radio_height: 13px;
  --radio_border: 1px solid var(--corpri4);
  --radio_radius: 100%;

  --radio_check_background: var(--corpri4);
  --radio_check_width: 7px;
  --radio_check_height: 7px;
  --radio_check_radius: 100%;
  /************* FIM CHECKBOX *************/
}
/*********************************************************** FIM VARIAVEIS CSS ************************************************************/
/****************************************************************** TEXT ******************************************************************/
.group.selected .group-selected\:text-AF, .group:hover .group-hover\:text-AF, .selected.selected\:text-AF:hover, .hover\:text-AF:hover, .text-AF{color: var(--cinza2);}
.group.selected .group-selected\:text-52, .group:hover .group-hover\:text-52, .selected.selected\:text-52:hover, .hover\:text-52:hover, .text-52{color: var(--cinza1);}
.group.selected .group-selected\:text-6A, .group:hover .group-hover\:text-6A, .selected.selected\:text-6A:hover, .hover\:text-6A:hover, .text-6A{color: var(--cinza3);}
.group.selected .group-selected\:text-E8, .group:hover .group-hover\:text-E8, .selected.selected\:text-E8:hover, .hover\:text-E8:hover, .text-E8{color: var(--cinza4);}
.group.selected .group-selected\:text-F5, .group:hover .group-hover\:text-F5, .selected.selected\:text-F5:hover, .hover\:text-F5:hover, .text-F5{color: var(--corF5);}

/**************************************************************** FIM TEXT ****************************************************************/

/************************************************************** BACKGROUNDS ***************************************************************/
.group.selected .group-selected\:bg-AF, .group:hover .group-hover\:bg-AF, .selected.selected\:bg-AF:hover, .hover\:bg-AF:hover, .bg-AF{background-color: var(--cinza2);}
.group.selected .group-selected\:bg-52, .group:hover .group-hover\:bg-52, .selected.selected\:bg-52:hover, .hover\:bg-52:hover, .bg-52{background-color: var(--cinza1);}
.group.selected .group-selected\:bg-6A, .group:hover .group-hover\:bg-6A, .selected.selected\:bg-6A:hover, .hover\:bg-6A:hover, .bg-6A{background-color: var(--cinza3);}
.group.selected .group-selected\:bg-E8, .group:hover .group-hover\:bg-E8, .selected.selected\:bg-E8:hover, .hover\:bg-E8:hover, .bg-E8{background-color: var(--cinza4);}
.group.selected .group-selected\:bg-F5, .group:hover .group-hover\:bg-F5, .selected.selected\:bg-F5:hover, .hover\:bg-F5:hover, .bg-F5{background-color: var(--corF5);}
.maskloading::after{content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #F2F2F2; opacity: .8;}
/******************************************************* FIM ESTILOS GERAIS DO SITE *******************************************************/

/*  */
.setacarrinho{ background: url(../imgs/seta_filtros_baixo_azul.png) no-repeat center center / contain;}
/*  */

.slide img{pointer-events: none;}

.degdestaque{--bg-deg: 243deg, #0035AA80 0%, #10F3F9CC 72%, #35F94C 100%}
.imgoverlay{background: url(../imgs/overlaydestaque.png) no-repeat center center / cover; mix-blend-mode: overlay;}

.btn-primary{cursor: pointer; padding: 6.5px 21px; border-radius: 27px;}
.btn-primary{ background: #10F3F9; background: -webkit-linear-gradient(258deg,rgba(16, 243, 249, 1) 0%, rgba(53, 249, 76, 1) 100%); background: -moz-linear-gradient(258deg,rgba(16, 243, 249, 1) 0%, rgba(53, 249, 76, 1) 100%); background: linear-gradient(258deg,rgba(16, 243, 249, 1) 0%, rgba(53, 249, 76, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#10F3F9", endColorstr="#35F94C", GradientType=0 ); }
.btn-secondary{cursor: pointer; padding: 9px 12px 9px 12px;}
.btn-sabermais{cursor: pointer; padding: 9px 28px 9px 28px; border-radius: 27px;}
.btn-sabermais{ background: #10F3F9; background: -webkit-linear-gradient(258deg,rgba(16, 243, 249, 1) 0%, rgba(53, 249, 76, 1) 100%); background: -moz-linear-gradient(258deg,rgba(16, 243, 249, 1) 0%, rgba(53, 249, 76, 1) 100%); background: linear-gradient(258deg,rgba(16, 243, 249, 1) 0%, rgba(53, 249, 76, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#10F3F9", endColorstr="#35F94C", GradientType=0 ); }

.toggleFumo {
  transform: rotate(45deg) translateY(-200px);
  opacity: 0;
  filter: blur(20px);
}

.deg-primary{ background: transparent;}
.deg-artigo{background: #10D7DD; background: -webkit-linear-gradient(180deg,rgba(16, 215, 221, 1) 0%, rgba(0, 53, 170, 1) 100%); background: -moz-linear-gradient(180deg,rgba(16, 215, 221, 1) 0%, rgba(0, 53, 170, 1) 100%); background: linear-gradient(180deg,rgba(16, 215, 221, 1) 0%, rgba(0, 53, 170, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#10D7DD", endColorstr="#0035AA", GradientType=0 );}

.deg-orcamento{background: RGBA(0, 53, 170, .95); background: -webkit-linear-gradient(257deg,rgba(0, 53, 170, .95) 0%, rgba(1, 67, 176, .95) 85%, rgba(5, 118, 197, .95) 90%, rgba(16, 243, 249, .95) 95%, rgba(41, 247, 161, .95) 100%); background: -moz-linear-gradient(257deg,rgba(0, 53, 170, .95) 0%, rgba(1, 67, 176, .95) 85%, rgba(5, 118, 197, .95) 90%, rgba(16, 243, 249, .95) 95%, rgba(41, 247, 161, .95) 100%); background: linear-gradient(257deg,rgba(0, 53, 170, .95) 0%, rgba(1, 67, 176, .95) 85%, rgba(5, 118, 197, .95) 90%, rgba(16, 243, 249, .95) 95%, rgba(41, 247, 161, .95) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#0035AAF2", endColorstr="#29F7A1", GradientType=0 );}
.deg-secundary,
.deg-orcamento.open{background: RGBA(0, 53, 170, .95); background: -webkit-linear-gradient(225deg,rgba(0, 53, 170, .95) 0%, rgba(1, 67, 176, .95) 70%, rgba(5, 118, 197, .95) 80%, rgba(16, 243, 249, .95) 98%, rgba(41, 247, 161, .95) 100%); background: -moz-linear-gradient(225deg,rgba(0, 53, 170, .95) 0%, rgba(1, 67, 176, .95) 70%, rgba(5, 118, 197, .95) 80%, rgba(16, 243, 249, .95) 98%, rgba(41, 247, 161, .95) 100%); background: linear-gradient(225deg,rgba(0, 53, 170, .95) 0%, rgba(1, 67, 176, .95) 70%, rgba(5, 118, 197, .95) 80%, rgba(16, 243, 249, .95) 98%, rgba(41, 247, 161, .95) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#0035AAF2", endColorstr="#29F7A1", GradientType=0);}

.dumpprods .colunas3{border-radius: 6px;}
.dumpprods .colunas3:hover{background: #F0F0F0; box-shadow: 1px 4px 5px 0px rgba(0,0,0,0.16); -webkit-box-shadow: 1px 4px 5px 0px rgba(0,0,0,0.16); -moz-box-shadow: 1px 4px 5px 0px rgba(0,0,0,0.16);}
.promodiv2{top: 0px; right: 0px; position: absolute; width: 100%;border-top: 2px solid var(--vermelho); align-items: center; border-radius: 0px;  display: flex; justify-content: start; color: #fff; padding-right: 14px; box-sizing: border-box; z-index: 999;pointer-events: none; }
/************************************************************** COMPLEMENTOS **************************************************************/
/**                                                                                                                                      **/
/**                                         ESTILOS QUE SE APLICA A COMPLEMENTOS EM TODO O SITE                                          **/
/**                                                                                                                                      **/
/******************************************************************************************************************************************/
.selectlang { appearance: none; -moz-appearance: none; -webkit-appearance: none; border-radius: 0; padding: 0 0px 0 0px; color: #FFF; font-weight: 700; cursor: pointer; width: 29px; background: url(../imgs/seta_baixo_branca.png) no-repeat right center/6px; }
header.header-scrolled .selectlang{ color: var(--corpri1); }
input[type="checkbox"]{display: inline-block; position: relative; appearance: none; width: var(--checkbox_width); min-width: var(--checkbox_width); height: var(--checkbox_height); min-height: var(--checkbox_height); border: var(--checkbox_border); border-radius: var(--checkbox_radius); background: var(--checkbox_background);}
input[type="checkbox"]:checked::before{content: ''; position: absolute; width: var(--checkbox_check_width); min-width: var(--checkbox_check_width); height: var(--checkbox_check_height); min-height: var(--checkbox_check_height); top: 50%; left: 50%; transform: translate(-50%, -50%); background: var(--checkbox_check_background); border-radius: var(--checkbox_check_radius)}

input[type="radio"]{display: inline-block; position: relative; appearance: none; width: var(--radio_width); min-width: var(--radio_width); height: var(--radio_height); min-height: var(--radio_height); border: var(--radio_border); border-radius: var(--radio_radius); background: var(--radio_background);}
input[type="radio"]:checked::before{content: ''; position: absolute; width: var(--radio_check_width); min-width: var(--radio_check_width); height: var(--radio_check_height); min-height: var(--radio_check_height); top: 49%; left: 49%; transform: translate(-50%, -50%); background: var(--radio_check_background); border-radius: var(--radio_check_radius)}

input[type="checkbox"].radio{display: inline-block; position: relative; appearance: none; width: var(--radio_width); min-width: var(--radio_width); height: var(--radio_height); min-height: var(--radio_height); border: var(--radio_border); border-radius: var(--radio_radius); background: var(--radio_background);}
input[type="checkbox"].radio:checked::before{content: ''; position: absolute; width: var(--radio_check_width); min-width: var(--radio_check_width); height: var(--radio_check_height); min-height: var(--radio_check_height); top: 50%; left: 50%; transform: translate(-50%, -50%); background: var(--radio_check_background); border-radius: var(--radio_check_radius)}

input[type="radio"].checkbox{display: inline-block; position: relative; appearance: none; width: var(--radio_width); min-width: var(--radio_width); height: var(--radio_height); min-height: var(--checkbox_height); border: var(--checkbox_border); border-radius: var(--checkbox_radius); background: var(--checkbox_background);}
input[type="radio"].checkbox:checked::before{content: ''; position: absolute; width: var(--checkbox_check_width); min-width: var(--checkbox_check_width); height: var(--checkbox_check_height); min-height: var(--checkbox_check_height); top: 50%; left: 50%; transform: translate(-50%, -50%); background: var(--checkbox_check_background); border-radius: var(--checkbox_check_radius)}


input[type="text"], input[type="email"], input[type="tel"], input[type="password"], select{ width:100%; text-align:left; padding: 18px 0px 10px 0px; background: transparent; appearance: none;}
textarea{ width:100%; text-align:left; padding: 10px 20px; background: transparent;}
select{-moz-appearance:none; /* Firefox */-webkit-appearance:none; /* Safari and Chrome */ appearance:none;}

.inputorcamento_pe{border-radius: 49px;}
textarea.inputorcamento_pe{border-radius: 12px;}
.wrapformorcamento_pe input[type="checkbox"].radio{--radio_check_background: #fff; margin-right: 10px;}
.css-maskcontactos{--bg-deg: 191deg,rgba(0, 53, 170, 1) 0%, rgba(16, 243, 249, 1) 100%; mix-blend-mode: multiply; opacity: .85;}

.wrapinputcontacto{ border-bottom: 1px solid color-mix(in srgb, var(--corpri1) 20%, transparent); }
.wrapformcontacto input[type="checkbox"].radio{--radio_check_background: #fff;}

.inputregisto::-webkit-input-placeholder, .inputregisto::-webkit-input-placeholder, .inputlogin::-webkit-input-placeholder, .inputregisto::-webkit-input-placeholder{ color: var(--corpri1); font-size: 16px; letter-spacing: 0.32px; font-weight: 400; }
.inputregisto::-moz-placeholder, .inputregisto::-moz-placeholder, .inputlogin::-moz-placeholder, .inputregisto::-moz-placeholder{ color: var(--corpri1); font-size: 16px; letter-spacing: 0.32px; font-weight: 400; }
.inputregisto:-moz-placeholder, .inputregisto:-moz-placeholder, .inputlogin:-moz-placeholder, .inputregisto:-moz-placeholder{ color: var(--corpri1); font-size: 16px; letter-spacing: 0.32px; font-weight: 400; }
.inputregisto:-ms-input-placeholder, .inputregisto:-ms-input-placeholder, .inputlogin:-ms-input-placeholder, .inputregisto:-ms-input-placeholder{ color: var(--corpri1); font-size: 16px; letter-spacing: 0.32px; font-weight: 400; }

.inputlogincarrinho::-webkit-input-placeholder{ color: var(--text-52); font-size: 16px; letter-spacing: 0.32px; font-weight: 400; }
.inputlogincarrinho::-moz-placeholder{ color: var(--text-52); font-size: 16px; letter-spacing: 0.32px; font-weight: 400; }
.inputlogincarrinho:-moz-placeholder{ color: var(--text-52); font-size: 16px; letter-spacing: 0.32px; font-weight: 400; }
.inputlogincarrinho:-ms-input-placeholder{ color: var(--text-52); font-size: 16px; letter-spacing: 0.32px; font-weight: 400; }

.formlogin .inputdefault::-webkit-input-placeholder{ color: var(--corpri1);}
.formlogin .inputdefault::-moz-placeholder{ color: var(--corpri1);}
.formlogin .inputdefault:-moz-placeholder{ color: var(--corpri1);}
.formlogin .inputdefault:-ms-input-placeholder{ color: var(--corpri1);}

.forminsc .inputdefault::-webkit-input-placeholder{ color: var(--corpri1);}
.forminsc .inputdefault::-moz-placeholder{ color: var(--corpri1);}
.forminsc .inputdefault:-moz-placeholder{ color: var(--corpri1);}
.forminsc .inputdefault:-ms-input-placeholder{ color: var(--corpri1);}

.popuplogin .inputdefault{height: 43px; padding: 5px 15px;}
.popupregister .inputdefault{height: 43px; padding: 5px 15px;}

.justifyend{justify-content: end;}
.precoprodrisca .risca{display: flex; position: relative; top: 0;}
.precoprodrisca.letra20 .risca .euro{font-size: 20px; letter-spacing: 0.8px;}

#clienteextra input[type="text"]:not(.input__field--hoshi), #clienteextra input[type="email"]:not(.input__field--hoshi), #clienteextra input[type="tel"]:not(.input__field--hoshi), #clienteextra input[type="password"]:not(.input__field--hoshi), #clienteextra select:not(.input__field--hoshi),
input[type="text"].inputorcamento_pe, input[type="email"].inputorcamento_pe, input[type="tel"].inputorcamento_pe, input[type="password"].inputorcamento_pe, select.inputorcamento_pe,
input[type="text"].inputlogin, input[type="tel"].inputlogin, select.inputlogin {padding: 14px 20px;}
input[type="email"].inputlogin, input[type="password"].inputlogin{padding: 14px 15px;}

/* .inputmoradaalternativacarrinho */

.inputnewsletter .input__label--hoshi,
.wrapinputcontacto .input__label--hoshi{left: 0px;}

.buttonmoradaentrega, .buttonguardarcarrinho{border-radius: 19px;}
.finalizarbtn{border-radius: 27px;}

.logocopy{width: 41px; height: 16px; background: url(../imgs/logocopy.png) no-repeat center center/contain;}
.logocopy:hover{width: 41px; height: 16px; background: url(../imgs/logocopylr.png) no-repeat center center/contain;}

.btn-orcamento{padding: 10px 15px 10px 15px;width: 100%;height: 50px; }
.onproduto .btn-orcamento{padding: 13px 19px 13px 19px;}

.btn-addcart{position: relative; width: 22px; height: 22px; cursor: pointer; background: url(../imgs/mais_circulo_verde.png) no-repeat center center/contain;}
.btn-comprar{padding: 10px 15px 10px 15px; border-radius: 0px; }

.lixocarrinho{background: url(../imgs/lixo.png) no-repeat center center / contain;}

.headerprocura{--bg-deg: 263deg,rgba(0, 53, 170, 1) 25%, rgba(16, 243, 249, 1) 115%;}

.formrecuperar input,
#clienteextra input, #clienteextra select{border-radius: 23px;}
#clienteextra textarea{ border-bottom: 1px solid color-mix(in srgb, var(--corpri1) 40%, transparent); }

/************************************************************ FIM COMPLEMENTOS ************************************************************/

/*************************************************************** ESPECIFICA ***************************************************************/
/**                                                                                                                                      **/
/**                                          ESTILOS QUE SE APLICA A ESPECIFICA EM TODO O SITE                                           **/
/**                                                                                                                                      **/
/******************************************************************************************************************************************/
.slidethumb:not(.swiper-slide-thumb-active) .css-bgthumb{background: #00000080;}
/**************************************************************** CARRINHO ****************************************************************/
.cartheader{padding: 19px 27px 16px 27px; border-radius: 5px 5px 0px 0px;}
.cartheader{--bg-deg: 262deg, #0035AA 30%, #10F3F9 100%;}

.abrecarrinhofix .removerprod{ position:absolute; background: url(../imgs/cruz.png) no-repeat center center/ contain; float: right; height:11px; min-width: 11px; margin:0 auto; z-index:100; cursor: pointer; top: 0px; right: 0px; }
.abrecarrinhofix .add{ height: 24px; width: 24px; }
.abrecarrinhofix .minus{ height: 24px; width: 24px; }
.abrecarrinhofix .qtddiv.ctrlqtd{width: 40px;}
.abrecarrinhofix .qtddiv.ctrlqtd input[type='text']{height: 24px;}
/************************************************************** FIM CARRINHO **************************************************************/

input[name="filtrofamilia"]{
  --checkbox_border: 1px solid #000;
  /* --checkbox_background:  */
}

.setamenu{transform: rotateZ(0deg); transition: transform .5s;}
.setamenu.opened{transform: rotateZ(180deg);}

/************************************************************* FIM ESPECIFICA *************************************************************/



.hoverimg{overflow: hidden;}
.hoverimg .hoverimg-child{transition: all .5s;}
.hoverimg:hover .hoverimg-child{--icono2-scale: 1.1;}

.js-clickloja:hover div.absolute{--icono2-translate-y: 0%; }


.cruzcarrinho{position: absolute; top: 38px; right: 28px; width: 18px; height: 18px; cursor: pointer; background: url(../imgs/cruz.png) no-repeat center center/contain;}
.escondetit{margin-top: 20px;}

.inputcarrinho .inputdefault{padding: 0; height: 30px; color: var(--corpri4);}
.inputcarrinho .input__label--hoshi{left: 0;}
.inputcarrinho .bgnocart{border-bottom: 1px solid color-mix(in srgb, var(--corpri1) 20%, transparent); margin-bottom: 20px !important;}
.inputcarrinho .input__field--hoshi + .input__label--hoshi .input__label-content--hoshi, .input--filled > .input__label--hoshi > .input__label-content--hoshi{font-size: 12px;}
.inputcarrinho .input__field--hoshi:focus + .input__label--hoshi .input__label-content--hoshi, .input--filled > .input__label--hoshi > .input__label-content--hoshi{top: 3px; font-size: 9px;}
.inputcarrinho select{padding: 0; height: 30px; border-bottom: 1px solid color-mix(in srgb, var(--corpri1) 20%, transparent); margin-bottom: 20px !important;}
.inputcarrinho .customcheckbox2{appearance: none; background: transparent; width: 15px; height: 15px; border: 1px solid var(--corpri1); border-radius: 3px;}
.inputcarrinho .customcheckbox2:checked::before{content: ''; position: absolute; left: 6px; top: 6px; width: 11px; height: 11px; min-width: 11px; min-height: 11px; border-radius: 3px; background: var(--corpri1);}

header{background: transparent;}
.bgheader{background: transparent linear-gradient(180deg, #212121 0%, #21212100 100%) 0% 0% no-repeat padding-box; mix-blend-mode: multiply; opacity: 0.65; position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
header.header-scrolled .bgheader{ background: #FFF;opacity: 1; }

/* .suggestionsBox{margin-top: 19px;} */
.bgproc{background: rgba(33, 33, 33, 0.95); box-sizing: border-box; padding-left: 25px; padding-right: 21px; padding-top: 20px; padding-bottom: 23px;}
.mb-proc{margin-bottom: 33px;}
.mg-left17{margin-left: 17px;}
.mg-top8{margin-top: 8px;}
.bg-login{background: rgba(255, 255, 255, 1);}
.mtop20{margin-top: 20px;}
.mt-40{margin-top: 40px;}
.submenutit{font-size: 16px; letter-spacing: 0.4px; font-weight: 300; color: #F2F1F0; text-transform: uppercase;}
/* .submenutit:hover{font-weight: 700;} */
.pagination-bullet{pointer-events: all;}
.maskdestaque{background: #2E2E2E; mix-blend-mode: multiply; opacity: 0.35;}
.bgpe{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: transparent linear-gradient(90deg, #212121 0%, #21212199 100%) 0% 0% no-repeat padding-box; mix-blend-mode: multiply;}
.pt-pe{padding-top: 100px;}
.pb-pe{padding-bottom: 48px;}
.formnewsletter .customcheckbox{width: 14px; height: 14px; border: 0.5px solid #F2F1F0; background: transparent; cursor: pointer;}
.formnewsletter .customcheckbox::before{background: #F2F1F0 !important; width: 8px !important; height: 8px !important; min-width: 0 !important; min-height: 0 !important;}
.logomobile{position: absolute; left: 23px; top: 25px; width: 146px; height: 30px; background: url(../imgs/logo.png) no-repeat center center/contain;}
.familiape:hover{color: var(--corpri4);}
/* .areape:hover{color: #fff;} */

.imgdestaquepeq{position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 1280px; z-index: 9;}
.wrapprodsindex{background: #fff; box-sizing: border-box; padding-left: var(--margindefault); padding-right: var(--margindefault); display: flex; justify-content: center; align-items: center;}
.bgwrapprodsindex{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #212121; opacity: 0.95;}
.bgtexturabranco{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../imgs/textura_branco.png) repeat center center/1726px;}
.maisverproduto{width: 22px; height: 22px; margin-right: 13px; background: url(../imgs/mais_circulo_verde.png) no-repeat center center/contain;}
.imagemdentro{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%;}
.parentimg{overflow: hidden;}
.parentimg:hover .imagemdentro{transform: translate(-50%, -50%) scale(1.4);}
.insigniaver{margin-right: 7px; width: 8px; height: 15px; background: url(../imgs/simbolo_verde.png) no-repeat center center/contain;}
.bgaccordeon{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #fff;}
.bgaccordion{background: #212121; mix-blend-mode: multiply; opacity: 0.45;}
.bgaccordion2{background: var(--corpri1); opacity: 0.2;}
.fixedmaskacordion{opacity: 1; background: transparent linear-gradient(270deg, #FFFFFF00 0%, #212121 100%) 0% 0% no-repeat padding-box; mix-blend-mode: multiply; transform: matrix(-1, 0, 0, -1, 0, 0);}
/* #btnsubmitcontacto:hover{ border: 1px solid var(--corpri1);} */
header.header-scrolled .iconlogin{filter: brightness(1) invert(0);}
.iconlogin{filter: brightness(0) invert(1);}
/* .iconlogin:hover{filter: brightness(1);} */
header.header-scrolled .iconcart{filter: brightness(1) invert(0);}
.iconcart{filter: brightness(0) invert(1);}
/* .iconcart:hover{filter: brightness(1);} */

.wrapverproduto{-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
.wrapverproduto:hover{filter: brightness(5);}


:has(> .colunas2menu){display: flex; flex-direction: row; flex-wrap: wrap;}
.wrapslideindex{display: flex; flex-direction: row; flex-wrap: wrap;}
.mostraprecoprod .euro{display: flex; align-items: center; font-size: 22px; letter-spacing: 1.1px;}
.mostraprecoprod .letra10.lh13{display: none;}
.bgtestemunhos{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #535739; opacity: 0.9;}
.texturatestemunhos{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../imgs/textura_branco.png) no-repeat center center/cover;}
.bgfamilia{background: rgba(152, 167, 129, 0.2); z-index: 9;}
.hoverfamilia{background: #00224A 0% 0% no-repeat padding-box; transform: matrix(0, -1, 1, 0, 0, 0); mix-blend-mode: multiply; z-index: 9; opacity: 0; height: 100%; width: 100%; left: 0; top: 0; position: absolute;}
.mostrafamilia:hover .hoverfamilia{opacity: 0.3;}
.hovertxtfam:hover .famtit{ color: var(--corpri4); }
.mais-branco{ background: url('../imgs/mais_branco.png') no-repeat center center / contain;width: 95px;opacity: 0;z-index: 10; }
.mostrafamilia:hover .mais-branco{ opacity: 1; }
.bgdestaque{background: #2E2E2E; mix-blend-mode: multiply; opacity: 0.78;}
.bgdestaque2{background: var(--corpri1); opacity: 0.2;}
.tracocaminho{width: 23px; height: 10px; position: relative; display: inline-block;}
.tracocaminho::after{content: ''; width: 4px; height: 7px; background: url('../imgs/setadir.png') no-repeat center center / contain; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.fundocontactos .tracocaminho{width: 36px; height: 16px; position: relative;}
.fundocontactos .tracocaminho::after{content: ''; width: 4px; height: 7px; background: url('../imgs/seta_direita_branca.png') no-repeat center center / contain; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.insigniasimgproduto{position: absolute; right: 0; bottom: 15px; width: 20px; height: 64px; background: url(../imgs/insignias_preto_imgs.png) no-repeat center center/contain;}
.insigniasimgprodutorelacionado{position: absolute; right: 0; bottom: 22px; width: 27px; height: 85px; background: url(../imgs/insignias_preto_imgs.png) no-repeat center center/contain;}
.margincheck{ padding-bottom: 13px; }
.wrapcontacto input[type="checkbox"]{width: 15px; height: 15px; margin-right: 9px; box-sizing: border-box; border: 1px solid var(--corpri1); overflow: hidden; background: transparent; cursor: pointer;}
.wrapcontacto input[type="checkbox"]::before{background: var(--corpri1); width: 9px; min-width: 9px; height: 9px; min-height: 9px; transform: none; left: 2px; top: 2px;}
.inputcontacto{height: 40px;}
input[type="text"].inputcontacto{padding: 18px 0px 10px 0px;}
.ph-item{background: #F7F7F7 !important; border: 0px solid #e6e6e6 !important;}
.insigniasarea{position: fixed; right: 0; top: 792px; width: 80px; height: 250px; background: url(../imgs/insignias.png) no-repeat center center/contain; z-index: 9;}
.labelperfil{position: relative; width: 100%; font-size: 18px; font-weight: 800; letter-spacing: 2.29px; line-height: 24px; color: var(--corpri1); margin-bottom: 13px;}
.inputregisto input[type="text"], .inputregisto input[type="email"], .inputregisto input[type="tel"], .inputregisto input[type="password"], .inputregisto select{padding: 0 15px !important; height: 45px; border: 0px solid #000;}
.inputcliente{font-size: 18px; font-weight: 300; letter-spacing: 0px; line-height: 24px; color: var(--corpri1);}
.selectcliente{font-size: 18px; font-weight: 300; letter-spacing: 0px; line-height: 24px; color: var(--corpri1);}
#clienteextra .customcheckbox2:checked::before{border-radius: 100%;}
/* .btnareacliente{ } */
/* .botaoapagar{padding: 0 65px; height: 43px; display: flex; align-items: center; border-radius: 24px;} */

.wrapprodutoindex:hover{ border: 1px solid color-mix(in srgb, var(--corpri1) 40%, transparent); }
.wrapprodutoindex.is-mobile{ border: 2px solid color-mix(in srgb, var(--corpri1) 20%, transparent); }
.wrapprodutoindex:hover .produtolistaimg img{ transform: scale(1.4); }

.wrapinfoprod{
	display: grid;
	grid-template-columns: 170px 1fr;
	column-gap: 30px;
	align-items: start;
}

.wrapinfoprod .titinfo,
.wrapinfoprod .valorinfo{
	width: auto;
	float: none;
	margin: 0;
}






.w550{width: 550px;}
.mr25{margin-right: 25px;}
.mb20{margin-bottom: 20px;}
.mb25{margin-bottom: 25px;}
.mb26{margin-bottom: 26px;}
.mt12{margin-top: 12px;}
.mt16{margin-top: 16px;}
.mt17{margin-top: 17px;}
.mt28{margin-top: 28px;}
.mt29{margin-top: 29px;}
.mt34{margin-top: 34px;}
.mt38{margin-top: 38px;}
.mt75{margin-top: 75px;}
.mt84{margin-top: 84px;}
.mt94{margin-top: 94px;}
.mt130{margin-top: 130px;}
.mt143{margin-top: 143px;}
.mt227{margin-top: 227px;}



.imgcontebaixo{top: 0; height: calc(100% + 176px);}
.js-swiper-relacionados .navigation{bottom: auto; top: 258px;}
.sliderelacionados_prev{position: absolute; top: 258px; right: calc(100% + 75px); width: 15px; height: 30px; background: url(../imgs/seta_esquerda_branca.png) no-repeat center center/contain; cursor: pointer;}
.sliderelacionados_next{position: absolute; top: 258px; left: calc(100% + 75px); width: 15px; height: 30px; background: url(../imgs/seta_direita_branca.png) no-repeat center center/contain; cursor: pointer;}
.btn-comprarimg{background: url(../imgs/carrinho_verde.png) no-repeat center center/contain; width: 16px; height: 21px;}
.letra40 .euro{font-size: 25px; letter-spacing: 1.25px;}
.letra40 .letra10{display: none;}
.heightsliderange{height: 10px;}
.insigniasprodutos{position: fixed; top: 791px; right: 0; width: 80px; height: 250px; z-index: 999; background: url(../imgs/insignias.png) no-repeat center center/cover; pointer-events: none;}
.bgprodutodentro{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #2E2E2E; opacity: 1;}
.novidiv{display:block;width:100%;position:absolute;left:auto;right:0px;top:0px;text-align:right;padding:0;padding-top:0px; padding-right: 14px;padding-left: 14px; box-sizing:border-box;height:33px;margin-top:0px;color: var(--verde);margin-right:0px;z-index:999;justify-content:center;align-items:center;border-radius:0px; display: flex; justify-content: start;border-top: 2px solid var(--verde); pointer-events: none;}
.novidiv > span{padding-top:0px;box-sizing:border-box;display:inline-block;}
.letra20 .euro{font-size: 14px; align-items: baseline;}
.euro{ vertical-align: super; }
.bgcontebaixo{position: absolute; left: 0; top: -176px; width: 100%; height: calc(100% + 176px); background: #000000; opacity: 0.8;}
.parentcolunas{display: flex; flex-direction: row; flex-wrap: wrap;}
.wrapsubfiltros{position: relative; width: 100%; box-sizing: border-box; padding-left: 38px; padding-top: 15px;}
.css-stickyfilters{ position: relative; margin-bottom: calc(var(--margin-bottom-default) / 2); background: rgba(242, 241, 240, 0.09); border-radius: 10px; overflow: hidden; box-sizing: border-box; padding-top: 23px; padding-bottom: 21px;}
.imgprodutoslista{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../imgs/19.webp) no-repeat center center/cover;}
.bgprodutoslista{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #212121; opacity: 0.95; }
.texturaprodutoslista{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../imgs/textura_branco.png) no-repeat center center/cover;}
.carrinhoprodutotit{letter-spacing: 0.6px; padding-top: 5px; font-weight: 400; color: var(--corpri1); font-size: 12px; margin-bottom: 0px; word-break: normal;}
.carrinhofamtit{position: relative; font-size: 10px; font-weight: 300; color: var(--corpri1); letter-spacing: 0.5px; padding-top: 0px;}
.barrafiltrosmobile{width: calc(100% + 46px); margin-left: -23px; z-index: 100; bottom: 0; position: sticky; background: transparent linear-gradient(0deg, #768166 0%, #98A781 100%) 0% 0% no-repeat padding-box;}
.barrafiltrosmobiledentro{width: 100%; flex-direction: row; z-index: 10; bottom: 0; height: 43px; position: absolute; display: flex; background: transparent linear-gradient(0deg, #768166 0%, #98A781 100%) 0% 0% no-repeat padding-box; box-sizing: border-box; padding: 23px; cursor: pointer;}
.filtromobilewrap{box-sizing: border-box; }
.filtrosimg{position: relative; margin-right: 15px; width: 22px; height: 22px; background: url(../imgs/textura_branco.png) no-repeat center center/contain; background: #fff;}
.produtosrelacionados{}
.menupe{}
.submenu{}
.descricao{}
.titparent{}
.txtnorm{font-size: 18px; font-weight: 300; color: var(--corpri1); letter-spacing: 0.45px; line-height: 23px;}
.legenda{}
.filtromain{font-size: 19px; letter-spacing: 0.95px; font-weight: 600; color: var(--corpri4); line-height: 25px; margin-bottom: 30px;}
.filtrosub{font-size: 14px; letter-spacing: 0.28px; font-weight: 300; color: var(--corpri1); line-height: 27px;opacity: 0.75; }
.extra .txtnorm{}
.btndefault{ min-width: 135px; color: var(--corpri1);font-size: 15px;letter-spacing: 1.5px;padding: 15px 22px;white-space: nowrap;display: flex;justify-content: center; }
.btndefault.btnazul{ border: 0; background-color: var(--corpri4);color: #fff; }
.dumpprods{display: flex; flex-direction: row; flex-wrap: wrap;}
.textoverproduto{font-size: 14px; letter-spacing: 0.7px; font-weight: 700; color: var(--corpri1);}
.familiape{position: relative; font-size: 15px; line-height: 19px; letter-spacing: 0.7px; font-weight: 500; color: var(--corpri4);}
.areape{position: relative; font-size: 15px; line-height: 19px; letter-spacing: 0.7px; font-weight: 500; color: var(--corpri4);}
.checknewstxt{color: #fff; font-size: 12px; font-weight: 200; letter-spacing: 0.6px;}






.accordion{clear: both; width: 100%; position: relative; background: #000;}
.escondeinicio{opacity: 0;}
.inneraccordion{float: left; clear: both; width: 100%; position: relative; overflow: hidden;}
.accordion ul{list-style-type: none; position: relative; top: 0; padding: 0; float: left; width: 100%; margin: 0;}
.accordion ul li.tabclose{float: left; width: 60px; height: 100%; display: block; background: #fff; background-repeat: no-repeat; background-position: center center; position: relative; overflow: hidden; cursor: pointer;}
.accordion ul li.tabopen{float: left; height: 100%; display: block; background: #fff; background-repeat: no-repeat; background-position: center center; position: relative; overflow: hidden; clear: none;}
.imgindexacordeao{width: 100%; position: relative; float: left; clear: both;}
.titulodestaque{display: none; position: absolute; top: 0; left: 0; width: 100%; height: 112px; box-sizing: border-box;}
.sabermaiswhite{color: #fff;}
.wraptitdestaqueside{position: absolute; left: 0; z-index: 150;}
.titulodestaqueside{top: 1px;}
.tabclose .bgacordeao{position: absolute; left: 0; top: 0; width: 50%; height: 100%; background: transparent linear-gradient(270deg, #FFFFFF00 0%, #212121 100%) 0% 0% no-repeat padding-box; mix-blend-mode: multiply; opacity: 1;}
.tabopen .bgacordeao{position: absolute; left: 0; top: 0; width: 50%; height: 100%; background: transparent linear-gradient(270deg, #FFFFFF00 0%, #212121 100%) 0% 0% no-repeat padding-box; mix-blend-mode: multiply; opacity: 0;}
.bgacordeao1{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #212121 0% 0% no-repeat padding-box; mix-blend-mode: multiply; opacity: 0.45;}
.bgacordeao2{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: var(--corpri1) 0% 0% no-repeat padding-box; opacity: 0.2;}
.bgtitulodestaqueside{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000000; mix-blend-mode: multiply; opacity: 0.45;}
header{box-sizing: border-box; padding: 0 0px !important;}
.lupamobile{position: relative; width: 19px; height: 19px; background: url(../imgs/lupa.png) no-repeat center center / contain; cursor: pointer; }
header .lupamobile{ filter: brightness(0) invert(1); }
header.header-scrolled .lupamobile{ filter: brightness(1) invert(0); }
.js-open-menu{width: 34px; height: 34px; background: url(../imgs/menu.png) no-repeat center center / contain; cursor: pointer;}
.menupopup{position: fixed; top: 0; height: 100vh;}
.bgmenupopup{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #FFF; mix-blend-mode: multiply;}
.menupopup .menuartigos{position: absolute; top: 50%; transform: translateY(-50%);}
.menuitem:hover .corpri5{color: var(--corpri1);}
.destaquepagination{top: 594px; z-index: 999;}

.bandeiraacordeao{position: absolute; top: 112px; left: 50%; transform: translateX(-50%); height: 7px;}
.bandeiradestaque{position: absolute; top: calc(100% + 3px); left: 0; height: 7px;}

header.header-scrolled .efeitolupa{ filter: brightness(1) invert(0); }
.efeitolupa{ filter: brightness(0) invert(1); }
/* .efeitolupa:hover{ filter: brightness(1) invert(0); } */

.opcaomenu{ gap: 25px; }

.gradient1{ position: absolute;inset: 0;background: transparent linear-gradient(0deg, #00224A 0%, #00224A00 100%) 0% 0% no-repeat padding-box;mix-blend-mode: multiply;opacity: 0.25;z-index: 5; }
.gradient2{ position: absolute;left: 0;bottom: 0;height: 321px;width: 100%;background: transparent linear-gradient(0deg, #00224A 0%, #00224A00 100%) 0% 0% no-repeat padding-box;mix-blend-mode: multiply;opacity: 0.17;z-index:5; }

.wrapinfoextrasindex{ max-width: 1280px;z-index: 10; }

.socialpe {
    width: var(--w);
    height: var(--h);
    display: flex;
    align-items: center;
    justify-content: center;
}

.socialpe-link {
    width: 100%;
    height: 100%;
    display: block;
}

.socialpe-icon {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
}

.socialpe-icon::before,
.socialpe-icon::after {
    content: "";
    position: absolute;
    inset: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    transition: opacity 0.25s ease;
}

.socialpe-icon::before {
    background-image: var(--icon);
    opacity: 1;
}

.socialpe-icon::after {
    background-image: var(--icon-hover);
    opacity: 0;
}

.socialpe-link:hover .socialpe-icon::before {
    opacity: 0;
}

.socialpe-link:hover .socialpe-icon::after {
    opacity: 1;
}

.innerprod {
	position: relative;
}

.card-produto-link {
	position: absolute;
	inset: 0;
	z-index: 1;
}

.card-produto-interativo,
.wrapfavoritodentro {
	z-index: 2;
}

.wrapfavoritodentro.favoritoprodutodentro{ position: relative;right: auto;width: 27px;height: 22px; }

.cruzclosemobile{ position: absolute; right: 50px; top: 50px; width: 20px; height: 20px; background: url(../imgs/cruz.png) no-repeat center center / contain; cursor: pointer; }

.fundofiltros{ background-color: #F7F7F7;padding: 15px 30px;margin-top: 60px; }

.bkpersonal{
  background: #F7F7F7 0% 0% no-repeat padding-box;
  padding: 18px;
}

.personalizacao-box{
	box-sizing: border-box;
	overflow: hidden;
	transition:
		background-color 0.25s ease,
		border-color 0.25s ease;
}

.personalizacao-topo{
	width: 100%;
	align-items: center;
	box-sizing: border-box;
}

.personalizacao-resumo{
	align-items: center;
}

.conteudopersonalizacao{
	display: block;
}

.personalizacao-extra{
	display: block;
}

/*
 * Estado colapsado.
 */
.personalizacao-box.is-collapsed{
	background: #FFF !important;
	border: 1px solid #00224A4D;
}

/*
 * Esconde o formulário inteiro.
 */
.personalizacao-box.is-collapsed .conteudopersonalizacao{
	display: none;
}

/*
 * Esconde o texto de custo extra e o preço.
 */
.personalizacao-box.is-collapsed .personalizacao-extra{
	display: none;
}

/*
 * Ícone aberto: cruz atual.
 */
.personalizacao-toggle-icon{
	position: relative;
	width: 16px;
	height: 16px;
	flex: 0 0 16px;
	background: url("../imgs/cruz.png") no-repeat center center / contain;
}

/*
 * Ícone colapsado: seta criada em CSS.
 */
.personalizacao-box.is-collapsed .personalizacao-toggle-icon{
	background: none;
}

/*
 * Seta para baixo.
 */
.personalizacao-box.is-collapsed .personalizacao-toggle-icon::before{
	content: "";
	position: absolute;
	left: 50%;
	top: 45%;
	width: 8px;
	height: 8px;
	border-right: 2px solid #00224A;
	border-bottom: 2px solid #00224A;
	transform: translate(-50%, -50%) rotate(45deg);
}


.contactos-mapa-wrap .mapadentro,
.contactos-mapa-wrap .mapadentro > div,
.contactos-mapa-wrap iframe{
	width: 100% !important;
	height: 100% !important;
}

.contactos-destaque-pin{
	position: relative;
	width: 100%;
	overflow: hidden;
}

.linkwhatsapp{
	display: flex;
	align-items: center;
	gap: 10px;
	position: fixed;
	right: 160px;
	bottom: 96px;
	z-index: 1000;
	text-decoration: none;
}

.wrapconfirmonews{ display: none; }

.mais-newsletter{ background: url('../imgs/mais_branco.png') no-repeat center center /contain;border: 1px solid #fff;width: 50px;height: 50px;padding: 10px;box-sizing: border-box;background-origin: content-box;background-clip: content-box; }

.ordemselectdesktop{
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;

	background-image: url('../imgs/setabaixo.png');
	background-repeat: no-repeat;
	background-position: right 15px center;
	background-size: 12px auto;

	padding-left: 15px;
	padding-bottom: 10px;
	padding-top: 10px;
	padding-right: 40px;
}

.btncookie{height: 40px; text-align: center; display: flex; align-items: center; justify-content: center; color: #fff; box-sizing: border-box; float: left; width: auto; background: #232e38; border: 0; cursor: pointer; position: relative; padding: 0 20px;}
.btncookie.hovergradient:hover{background: #000;}
.btncookie.configurarcookies{position: relative;  background: var(--degrade); border: 1px solid currentcolor; }

.btndefaultborder{background: none; border: 1px solid currentcolor; box-sizing: border-box; position: relative; float: left; height: 40px; text-align: center; display: flex; align-items: center; justify-content: center; width: auto; padding: 0 20px;color: var(--corpri4); }
.btndefaultborder:hover{background: var(--corpri4);}
.btndefaultborder:hover span{ color: #fff; }