/* Elementos genericos e padrões */
body { margin: 0 !important; padding: 0 !important; font-family: Arial, Helvetica, sans-serif;}
img { border: 0; }
#main { max-width: 1366px; width: 100%; margin: 0 auto;}
.hidden { display: none !important; visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.center {text-align: center;}
.wrap { -webkit-flex-wrap: wrap; flex-wrap: wrap; }
.nowrap { -webkit-flex-wrap: nowrap; flex-wrap: nowrap; }
.bottomBox { margin-bottom: 30px; }
.logoFooter {float: right;}
.flex-center-vertical { align-items: center;}
.flex-top-vertical { align-items: flex-start;}
.owl-theme .owl-dots .owl-dot span{margin: 5px;}

/* CSS para screen headers e SEO */
.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}

.stdCategoriaUnileverRexonaRotaDaBeleza .stdFullImg img { width: 100%; height: auto; display: block; }

.stdCategoriaUnileverRexonaRotaDaBeleza .container {width:1316px; margin: 0 auto;}

/* BLOCO HEADER COM H1 */
.stdCategoriaUnileverRexonaRotaDaBeleza .header-img-h1 {
	display: block;
	position: relative;
	width: 100%;
}

.stdCategoriaUnileverRexonaRotaDaBeleza .header-img-h1 img {
	display: block;
	position: relative;
	width: 100%;
}

.stdCategoriaUnileverRexonaRotaDaBeleza .header-img-h1 .texto {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 1rem;
}
/* BLOCO HEADER COM H1 */

/*********** Títulos e subtítulos BASE */
.stdCategoriaUnileverRexonaRotaDaBeleza .bloco-tit-txt-centro {display: flex; flex-wrap: wrap; flex-direction: column; align-items: center; padding: 0; width: 100%;}
.stdCategoriaUnileverRexonaRotaDaBeleza .bloco-tit-txt-centro-carrossel {display: flex; flex-wrap: wrap; flex-direction: column; align-items: center; padding: 10px 0 10px 0;}
.stdCategoriaUnileverRexonaRotaDaBeleza .tituloBase {font-size: min(max(22px, calc(1.375rem + ((1vw - 3.2px) * 3.4137))), 56px); line-height: 1em; font-weight: normal; text-align: center; padding: 1%;}
.stdCategoriaUnileverRexonaRotaDaBeleza .subtituloBase {font-size: min(max(16px, calc(1rem + ((1vw - 3.2px) * 1.2048))), 28px); line-height: 1em; font-weight: normal; text-align: center; padding: 1%;}

/* BLOCO 6 BOXES IMAGEM COM LINK */
.stdCategoriaUnileverRexonaRotaDaBeleza .std-bloco-6Boxes-img-link { display: flex; flex-wrap: wrap; gap: 15px; padding: 20px; justify-content: space-around; }
.stdCategoriaUnileverRexonaRotaDaBeleza .std-bloco-6Boxes-img-link .box { flex: 0 1 calc((100% - 45px) / 4); max-width: 310px; min-width: 200px; }
.stdCategoriaUnileverRexonaRotaDaBeleza .std-bloco-6Boxes-img-link .box img { width: 100%; height: auto; display: block; }
.stdCategoriaUnileverRexonaRotaDaBeleza .std-bloco-6Boxes-img-link .box a.disabled { pointer-events: none; cursor: default; }
@media (max-width: 475px) {
    .stdCategoriaUnileverRexonaRotaDaBeleza .std-bloco-6Boxes-img-link { gap: 3vw; }
    .stdCategoriaUnileverRexonaRotaDaBeleza .std-bloco-6Boxes-img-link .box { min-width: 38vw; }
}
/* BLOCO 6 BOXES IMAGEM COM LINK */

/* BLOCO 2 BOXES IMAGEM COM TXT INTRO*/
.stdCategoriaUnileverRexonaRotaDaBeleza .container2BoxesTxtIntro { padding: 20px;}
.stdCategoriaUnileverRexonaRotaDaBeleza .std-bloco-2Boxes5050-TxtIntro { display: grid; grid-gap: 20px; padding: 0px; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); }
.stdCategoriaUnileverRexonaRotaDaBeleza .std-bloco-2Boxes5050-TxtIntro .box * { display: flex;}
.stdCategoriaUnileverRexonaRotaDaBeleza .std-bloco-2Boxes5050-TxtIntro .box img { width: 100%; height: auto; }
.stdCategoriaUnileverRexonaRotaDaBeleza .std-bloco-2Boxes5050-TxtIntro .box a.disabled { pointer-events: none; cursor: default; }
/* BLOCO 2 BOXES IMAGEM COM TXT INTRO*/

/* IMG HOVER ZOOM */
.img-hover-zoom { overflow: hidden; }
.img-hover-zoom img { transition: transform .5s ease; }
.img-hover-zoom:hover img { transform: scale(1.1); }
/* IMG HOVER ZOOM */

/* CARROSSEL FULL IMAGE CATEGORIA-CARROSSEL-6IMAGENS-A(H:283) */
.stdCategoriaUnileverRexonaRotaDaBeleza .std-carousel-fotos-LP .carousel-texto { width: 100%; display: flex; flex-wrap: wrap; justify-content: center; }
.stdCategoriaUnileverRexonaRotaDaBeleza .std-carousel-fotos-LP .owl-nav { margin: 0; padding: 0;}
.stdCategoriaUnileverRexonaRotaDaBeleza .std-carousel-fotos-LP .custom-owl-dots { width: 100%; padding: 0.8% 0;  position: relative; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center;}
.stdCategoriaUnileverRexonaRotaDaBeleza .std-carousel-fotos-LP .custom-owl-dots .owl-dot { outline: none; display: inline-block; }
.stdCategoriaUnileverRexonaRotaDaBeleza .std-carousel-fotos-LP .custom-owl-dots button { border-radius: 10px; width: 10px!important; height: 10px!important; margin: 4px 4px; cursor: pointer; }
.stdCategoriaUnileverRexonaRotaDaBeleza .std-carousel-fotos-LP .custom-owl-dots button.owl-dot { border: none; padding: 0 !important; }

/* CARROSSEL BASE COM ITENS RESPONSIVOS */
.stdCategoriaUnileverRexonaRotaDaBeleza .baseCarrossel .main-title {font-size: 46px; text-align: center; padding: 1% 0;}
.stdCategoriaUnileverRexonaRotaDaBeleza .baseCarrossel .sub-title {font-size: 24px; text-align: center; padding: 1% 0;}
.stdCategoriaUnileverRexonaRotaDaBeleza .baseCarrossel .sub-title.extra {color: #8f0216; text-align: left; padding: 0.5% 3%;}
.stdCategoriaUnileverRexonaRotaDaBeleza .baseCarrossel .owl-nav { margin: 0; padding: 0;}
.stdCategoriaUnileverRexonaRotaDaBeleza .baseCarrossel .dotsPadrao { width: 100%; padding: 0.8% 0;  position: relative; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center;}
.stdCategoriaUnileverRexonaRotaDaBeleza .baseCarrossel .dotsPadrao .owl-dot { outline: none; display: inline-block; }
.stdCategoriaUnileverRexonaRotaDaBeleza .baseCarrossel .dotsPadrao button { border-radius: 10px; width: 10px!important; height: 10px!important; margin: 4px 4px; cursor: pointer; }
.stdCategoriaUnileverRexonaRotaDaBeleza .baseCarrossel .dotsPadrao button.owl-dot { border: none; padding: 0 !important; }
.stdCategoriaUnileverRexonaRotaDaBeleza .baseCarrossel .tit-prod{font-size: clamp(0.813rem, 0.201vw + 0.772rem, 0.938rem); text-align: center; padding: 6% 4%; color: #252525; min-height: 50px; display: flex; align-items: center; justify-content: center;}
.stdCategoriaUnileverRexonaRotaDaBeleza .baseCarrossel .botao {max-width: 216px; display: flex; justify-content: center; align-items: center; margin: auto; padding: 0 4%; min-height: 50px; text-align: center; font-size: clamp(0.75rem, 0.201vw + 0.71rem, 0.875rem); line-height: 1.1; cursor: pointer; border-radius: 8px;}
.stdCategoriaUnileverRexonaRotaDaBeleza .baseCarrossel .botao a { color: #252525; text-decoration: none; cursor: pointer; }

/* EFEITO DE GRADIENTE NO HOVER - para a classe .botao */
.botao { 
	position: relative; 
	overflow: hidden; 
	transition: all 0.3s ease;
	background: transparent;
}

.botao:hover { 
	background: linear-gradient(90deg, #fdce15, #77e729);
}

/* CSS específico para equalizar alturas dos títulos de produtos */
.stdCategoriaUnileverRexonaRotaDaBeleza .baseCarrossel .owl-stage {
    display: flex;
    align-items: stretch;
}
.stdCategoriaUnileverRexonaRotaDaBeleza .baseCarrossel .item {
    display: flex;
    flex-direction: column;
    height: 100%;
}
.stdCategoriaUnileverRexonaRotaDaBeleza .baseCarrossel .botao {
    width: 100%;
    box-sizing: border-box;
}

.stdCategoriaUnileverRexonaRotaDaBeleza .baseCarrossel .tit-prod{
    flex: 1;
}

.stdCategoriaUnileverRexonaRotaDaBeleza .baseCarrossel .botao.iconCart1Grey, .stdCategoriaUnileverRexonaRotaDaBeleza .baseCarrossel .botao.iconCart2Grey, .stdCategoriaUnileverRexonaRotaDaBeleza .baseCarrossel .botao.iconCart1Black, .stdCategoriaUnileverRexonaRotaDaBeleza .baseCarrossel .botao.iconCart2Black, .stdCategoriaUnileverRexonaRotaDaBeleza .baseCarrossel .botao.iconCart1White, .stdCategoriaUnileverRexonaRotaDaBeleza .baseCarrossel .botao.iconCart2White {
	background-size: 38px 38px;
	background-repeat: no-repeat;
	background-position: 0.8em center;
    padding: 0 1em 0 4em !important;
    min-height: 56px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.stdCategoriaUnileverRexonaRotaDaBeleza .baseCarrossel .botao.iconCart1Grey { background-image: url("https://s3-sa-east-1.amazonaws.com/assets.standout.com.br/img/icones/iconCart1Grey.png"); }
.stdCategoriaUnileverRexonaRotaDaBeleza .baseCarrossel .botao.iconCart2Grey { background-image: url("https://s3-sa-east-1.amazonaws.com/assets.standout.com.br/img/icones/iconCart2Grey.png"); }
.stdCategoriaUnileverRexonaRotaDaBeleza .baseCarrossel .botao.iconCart1Black { background-image: url("https://s3-sa-east-1.amazonaws.com/assets.standout.com.br/img/icones/iconCart1Black.png"); }
.stdCategoriaUnileverRexonaRotaDaBeleza .baseCarrossel .botao.iconCart2Black { background-image: url("https://s3-sa-east-1.amazonaws.com/assets.standout.com.br/img/icones/iconCart2Black.png"); }
.stdCategoriaUnileverRexonaRotaDaBeleza .baseCarrossel .botao.iconCart1White { background-image: url("https://s3-sa-east-1.amazonaws.com/assets.standout.com.br/img/icones/iconCart1White.png"); }
.stdCategoriaUnileverRexonaRotaDaBeleza .baseCarrossel .botao.iconCart2White { background-image: url("https://s3-sa-east-1.amazonaws.com/assets.standout.com.br/img/icones/iconCart2White.png"); }
.stdCategoriaUnileverRexonaRotaDaBeleza .baseCarrossel .botao.iconCart1Grey a, .stdCategoriaUnileverRexonaRotaDaBeleza .baseCarrossel .botao.iconCart2Grey a { color: #7e7e7e; }
.stdCategoriaUnileverRexonaRotaDaBeleza .baseCarrossel .botao.iconCart1Black a, .stdCategoriaUnileverRexonaRotaDaBeleza .baseCarrossel .botao.iconCart2Black a { color: #000000; }
.stdCategoriaUnileverRexonaRotaDaBeleza .baseCarrossel .botao.iconCart1White a, .stdCategoriaUnileverRexonaRotaDaBeleza .baseCarrossel .botao.iconCart2White a { color: #ffffff; }
/* CARROSSEL BASE COM ITENS RESPONSIVOS */

/*CARROSSEL 5 DESTAQUES*/
.stdCategoriaUnileverRexonaRotaDaBeleza .std-carrossel-5destaques .item .img-prod {max-width: 300px; margin: 0 auto;}
.stdCategoriaUnileverRexonaRotaDaBeleza .std-carrossel-5destaques .container-produtos {width: 94%;margin: 0 auto;}
.stdCategoriaUnileverRexonaRotaDaBeleza .std-carrossel-5destaques .owl-carousel .owl-nav button.owl-prev { height: 80%;}
.stdCategoriaUnileverRexonaRotaDaBeleza .std-carrossel-5destaques .owl-carousel .owl-nav button.owl-next { height: 80%;}
/*CARROSSEL 5 DESTAQUES*/

.stdCategoriaUnileverRexonaRotaDaBeleza .tj-centro {font-size: min(max(8px, calc(0.5rem + ((1vw - 3.2px) * 0.3012))), 11px); text-align: center; padding: 0 4.6% 1% 4.6%;}
.stdCategoriaUnileverRexonaRotaDaBeleza footer {float:right;margin-right: 10px;}