/* WEBFONTS*/


/* Elementos genericos e padrões */
body { margin: 0 !important; padding: 0 !important; font-family: Arial, Helvetica, sans-serif;}
img { border: 0; }
#main { max-width: 1316px; 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;
}

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

.stdCategoriaPagueOzivy .container {width:1316px; margin: 0 auto;}
.stdCategoriaPagueOzivy .tj-centro {font-size: min(max(8px, calc(0.5rem + ((1vw - 3.2px) * 0.3012))), 11px); padding: 2% 4% 2% 4%;}
.stdCategoriaPagueOzivy footer {float:right;margin-right: 10px;}

.stdCategoriaPagueOzivy ul { padding: 0; margin: 0 0 0 20px; }
.stdCategoriaPagueOzivy li { margin-bottom: 6px; text-align: left; }

/* Estilos H1, H2, H3, H4 */
.stdCategoriaPagueOzivy h1, .stdCategoriaPagueOzivy h2, .stdCategoriaPagueOzivy h3, .stdCategoriaPagueOzivy h4 {
	width: 100%;
	margin: 0;
}

/* EFEITO DE BRILHO INTERNO (SHINE) - para a classe .botao */
.stdCategoriaPagueOzivy .botao { position: relative; overflow: hidden; transition: all 0.3s ease;}

.stdCategoriaPagueOzivy .botao::before {
	content: '';
	position: absolute;
	top: 0;
	left: -100%;
	width: 100%;
	height: 100%;
	background: linear-gradient(90deg,
			transparent,
			rgba(255, 255, 255, 0.4),
			transparent);
	transition: left 0.5s ease;
}

.stdCategoriaPagueOzivy .botao:hover::before { left: 100%; }

/*********** Títulos e subtítulos BASE */
.stdCategoriaPagueOzivy .bloco-tit-txt-centro {display: flex; flex-wrap: wrap; flex-direction: column; align-items: center; padding: 0 0 20px 0;}
.stdCategoriaPagueOzivy .bloco-tit-txt-centro-carrossel {display: flex; flex-wrap: wrap; flex-direction: column; align-items: center; padding: 10px 0 10px 0;}
.stdCategoriaPagueOzivy .tituloBase {
	/* MAX 42px MIN 26px */
	font-size: clamp(1.625rem, 1.606vw + 1.304rem, 2.625rem);
	line-height: clamp(2.113rem, 1.245vw + 1.864rem, 2.888rem);
	font-weight: normal;
	padding: 1% 0;
}
.stdCategoriaPagueOzivy .subtituloBase {
	/* MAX 28px MIN 16px */
	font-size: clamp(1rem, 1.205vw + 0.759rem, 1.75rem);
	line-height: 1em;
	font-weight: normal;
	padding: 1% 0;
}

/* BLOCO HEADER COM IMAGEM DE FUNDO E 1 BOTAO */
.stdCategoriaPagueOzivy .header-img-botoes {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: center;
	position: relative;
	width: 100%;
	/* Imagem 1316x749 (749/1316 = 56.92vw): 749px ate 1316px e proporcional/fluido abaixo disso */
	height: min(56.92vw, 749px);
	box-sizing: border-box;
	padding: 0 4% 2% 4%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

/* Texto sobre a imagem (para SEO, mantido do bloco header com H1) */
.stdCategoriaPagueOzivy .header-img-botoes .texto {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 1rem;
}

/* Container dos botoes sobre a imagem */
.stdCategoriaPagueOzivy .header-img-botoes .btn-container {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: 2vw 24px;
	width: 100%;
}

/* Botoes (cores definidas inline no HTML) */
.stdCategoriaPagueOzivy .header-img-botoes .btn {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	margin: 0;
	padding: 12px 32px;
	min-height: 30px;
	min-width: 230px;
	/* MIN 14px MAX 20px */
	font-size: clamp(0.875rem, 0.602vw + 0.755rem, 1.25rem);
	line-height: clamp(0.963rem, 0.663vw + 0.83rem, 1.375rem);
	font-weight: bold;
	cursor: pointer;
	border: none;
	border-radius: 16px;
	text-decoration: none;
	box-sizing: border-box;
}

/* MEDIA QUERIES */
@media (max-width: 768px) {
	.stdCategoriaPagueOzivy .header-img-botoes .btn {
		width: 75%;
		min-width: 0;
		/* fonte, padding e tamanho reduzindo de forma fluida de 768px ate 320px */
		/* padding V: 7px(320) -> 10px(768) | padding H: 16px(320) -> 26px(768) */
		padding: clamp(0.4375rem, 0.67vw + 0.305rem, 0.625rem) clamp(1rem, 2.232vw + 0.554rem, 1.625rem);
		/* fonte: 10px(320) -> 16px(768) */
		font-size: clamp(0.625rem, 1.339vw + 0.357rem, 1rem);
		/* line-height: 12px(320) -> 17.6px(768) */
		line-height: clamp(0.75rem, 1.25vw + 0.5rem, 1.1rem);
	}
}
/* BLOCO HEADER COM IMAGEM DE FUNDO E 1 BOTAO */

/* BLOCO CATEGORIA-BOX-4THUMBS-TIT-TXT */
.stdCategoriaPagueOzivy .box-4itens-tit-txt {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-evenly;
	gap: 20px;
	padding: 20px;
}
.stdCategoriaPagueOzivy .box-4itens-tit-txt h3.titulo {
	width: 100%;
	display: flex;
	justify-content: center;
	text-align: center;
	font-weight: normal;
	margin: 0;
	padding: 0.5%;
	font-size: clamp(1.5rem, 1.205vw + 1.259rem, 2.25rem);
	line-height: clamp(1.65rem, 0.964vw + 1.457rem, 2.25rem);
}
.stdCategoriaPagueOzivy .box-4itens-tit-txt .item {
	/* largura para 3 itens em uma linha */
	width: calc(26% - 30px);
	text-align: center;
	padding: 0 15px;
	min-width: 230px;
	box-sizing: border-box;
}
.stdCategoriaPagueOzivy .box-4itens-tit-txt .item img {
	width: 100%;
	max-width: 300px;
	min-width: 200px;
	height: auto;
	margin: 0 auto;
	display: block;
}
.stdCategoriaPagueOzivy .box-4itens-tit-txt .tit {
	padding: 10px 5px;
	/* max: 22px min 14px */
	font-size: clamp(0.875rem, 0.803vw + 0.714rem, 1.375rem);
	line-height: clamp(0.963rem, 1.104vw + 0.742rem, 1.65rem);
	font-weight: bold;
}
.stdCategoriaPagueOzivy .box-4itens-tit-txt .txt {
	padding: 5px 10px;
	/* max: 14px min 12px */
	font-size: clamp(0.75rem, 0.201vw + 0.71rem, 0.875rem);
    line-height: clamp(0.825rem, 0.502vw + 0.725rem, 1.138rem);
}

.stdCategoriaPagueOzivy .box-4itens-tit-txt .texto-complemento {
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
	margin: 0;
	padding: 0.5%;
}

.stdCategoriaPagueOzivy .box-4itens-tit-txt .texto-complemento .subtit {
	padding: 1%;
	/* max: 24px min 18px */
	font-size: clamp(1.125rem, 0.602vw + 1.005rem, 1.5rem);
	line-height: clamp(1.238rem, 0.904vw + 1.057rem, 1.8rem);
	font-weight: bold;
}
.stdCategoriaPagueOzivy .box-4itens-tit-txt .texto-complemento .subtxt {
	padding: 0 1%;
	/* max: 14px min 10px */
	font-size: clamp(0.625rem, 0.402vw + 0.545rem, 0.875rem);
	line-height: clamp(0.625rem, 0.542vw + 0.517rem, 0.963rem);
}

@media (max-width: 540px) {
	/* Faz o container de cada item crescer e ocupar toda a largura disponível */
	.stdCategoriaPagueOzivy .box-4itens-tit-txt .item {
		width: 100%;
		min-width: 100%; 
	}
	
	/* A imagem já tem max-width no seu CSS original, então ela não vai estourar. */
	.stdCategoriaPagueOzivy .box-4itens-tit-txt .item img {
		max-width: 200px;
	}
}
/* BLOCO CATEGORIA-BOX-4THUMBS-TIT-TXT */

/* BLOCO CATEGORIA-TIT-TXT */
.stdCategoriaPagueOzivy .bloco-tit-txt {
	display: flex;
	flex-direction: column;
	gap: 0;
	padding: 2%;
}

/* Estilo do título */
.stdCategoriaPagueOzivy .bloco-tit-txt .tit-container h2 {
	width: 100%;
	margin: 0;
}

/* Estilo da descrição */
.stdCategoriaPagueOzivy .bloco-tit-txt .txt-container {
	/* FONTS SIZE MAX 20px MIN 14px */
	font-size: clamp(0.875rem, 0.602vw + 0.755rem, 1.25rem);
	line-height: 1.3;
	margin: 0;
	padding: 0;
}
/* BLOCO CATEGORIA-TIT-TXT */

/* CARROSSEL BASE COM ITENS RESPONSIVOS */
.stdCategoriaPagueOzivy .baseCarrossel .main-title {font-size: 46px; text-align: center; padding: 1% 0;}
.stdCategoriaPagueOzivy .baseCarrossel .sub-title {font-size: 24px; text-align: center; padding: 1% 0;}
.stdCategoriaPagueOzivy .baseCarrossel .sub-title.extra {color: #8f0216; text-align: left; padding: 0.5% 3%;}
.stdCategoriaPagueOzivy .baseCarrossel .owl-nav { margin: 0; padding: 0;}
.stdCategoriaPagueOzivy .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;}
.stdCategoriaPagueOzivy .baseCarrossel .dotsPadrao .owl-dot { outline: none; display: inline-block; }
.stdCategoriaPagueOzivy .baseCarrossel .dotsPadrao button { border-radius: 10px; width: 10px!important; height: 10px!important; margin: 4px 4px; cursor: pointer; }
.stdCategoriaPagueOzivy .baseCarrossel .dotsPadrao button.owl-dot { border: none; padding: 0 !important; }
.stdCategoriaPagueOzivy .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;}
.stdCategoriaPagueOzivy .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;}
.stdCategoriaPagueOzivy .baseCarrossel .botao a { color: #252525; text-decoration: none; cursor: pointer; }

.stdCategoriaPagueOzivy .baseCarrossel .owl-stage .owl-item {
    margin-right: 20px;
}

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

.stdCategoriaPagueOzivy .baseCarrossel .tit-prod{
    flex: 1;
	flex-wrap: wrap;
}

.stdCategoriaPagueOzivy .baseCarrossel .botao.iconCart1Grey, .stdCategoriaPagueOzivy .baseCarrossel .botao.iconCart2Grey, .stdCategoriaPagueOzivy .baseCarrossel .botao.iconCart1Black, .stdCategoriaPagueOzivy .baseCarrossel .botao.iconCart2Black, .stdCategoriaPagueOzivy .baseCarrossel .botao.iconCart1White, .stdCategoriaPagueOzivy .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;
}

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

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

@media (max-width: 475px) {
	.stdCategoriaPagueOzivy .std-carrossel-5destaques .owl-carousel .owl-nav button.owl-prev { padding: 0 2% !important;}
	.stdCategoriaPagueOzivy .std-carrossel-5destaques .owl-carousel .owl-nav button.owl-next { padding: 0 2% !important;}
}
/*CARROSSEL 5 DESTAQUES*/

/* LP-IMG-FOOTER-TXT-LEGAL */
.stdCategoriaPagueOzivy .img-footer-txt-legal {
	display: flex;
	width: 100%;
	flex-wrap: wrap;
	padding: 0;
	margin: 0;
	font-size: clamp(0.5rem, 0.301vw + 0.44rem, 0.688rem);
}

.stdCategoriaPagueOzivy .img-footer-txt-legal .footer-txt {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	padding: 1% 2%;
	justify-content: center;
}

.stdCategoriaPagueOzivy .img-footer-txt-legal .footer-complemento-full {
	width: 100%;
	text-align: center;
}
/* LP-IMG-FOOTER-TXT-LEGAL */