/* 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;
}

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

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

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

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

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

.stdCategoriaPagueLuftagastro .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;
}

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

/*********** Títulos e subtítulos BASE */
.stdCategoriaPagueLuftagastro .bloco-tit-txt-centro {display: flex; flex-wrap: wrap; flex-direction: column; align-items: center; padding: 0 0 20px 0;}
.stdCategoriaPagueLuftagastro .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;
}
.stdCategoriaPagueLuftagastro .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 H1 */
.stdCategoriaPagueLuftagastro .header-img-h1 {
	display: block;
	position: relative;
	width: 100%;
}

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

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

/* BLOCO HEADER COM IMAGEM DE FUNDO E 2 BOTOES */
.stdCategoriaPagueLuftagastro .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) */
.stdCategoriaPagueLuftagastro .header-img-botoes .texto {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 1rem;
}

/* Container dos botoes sobre a imagem */
.stdCategoriaPagueLuftagastro .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) */
.stdCategoriaPagueLuftagastro .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) {
	.stdCategoriaPagueLuftagastro .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 2 BOTOES */

/* BLOCO CATEGORIA-BOX-4THUMBS-TIT-TXT */
.stdCategoriaPagueLuftagastro .box-4itens-tit-txt {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-evenly;
	gap: 20px;
	padding: 20px;
}
.stdCategoriaPagueLuftagastro .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);
}
.stdCategoriaPagueLuftagastro .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;
}
.stdCategoriaPagueLuftagastro .box-4itens-tit-txt .item img {
	width: 100%;
	max-width: 300px;
	min-width: 200px;
	height: auto;
	margin: 0 auto;
	display: block;
}
.stdCategoriaPagueLuftagastro .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;
}
.stdCategoriaPagueLuftagastro .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);
}

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

.stdCategoriaPagueLuftagastro .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;
}
.stdCategoriaPagueLuftagastro .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 */
	.stdCategoriaPagueLuftagastro .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. */
	.stdCategoriaPagueLuftagastro .box-4itens-tit-txt .item img {
		max-width: 200px;
	}
}
/* BLOCO CATEGORIA-BOX-4THUMBS-TIT-TXT */

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

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

/* Estilo da descrição */
.stdCategoriaPagueLuftagastro .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 */

/* BLOCO LP-2CARDS-50-50 */
.stdCategoriaPagueLuftagastro .bloco-2cards-50-50 {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 2%;
	box-sizing: border-box;
}
.stdCategoriaPagueLuftagastro .bloco-2cards-50-50 .tituloBase {
	width: 100%;
	text-align: center;
	font-weight: bold;
}

/* Container dos 2 cards lado a lado */
.stdCategoriaPagueLuftagastro .bloco-2cards-50-50 .cards-container {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: stretch;
	gap: 2vw;
	width: 100%;
}

/* Card de produto (50/50, fluido) */
.stdCategoriaPagueLuftagastro .bloco-2cards-50-50 .card {
	flex: 1 1 0;
	min-width: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	box-sizing: border-box;
	padding: 1%;
}

/* Subtitulo - nome do produto */
.stdCategoriaPagueLuftagastro .bloco-2cards-50-50 .card h3.subtitulo {
	width: 100%;
	margin: 0;
	padding: 2% 0;
	font-weight: bold;
	/* max: 28px min 18px */
	font-size: clamp(1.125rem, 1.004vw + 0.924rem, 1.75rem);
	line-height: 1.2;
}

/* Imagem abaixo do subtitulo */
.stdCategoriaPagueLuftagastro .bloco-2cards-50-50 .card .img {
	width: 100%;
}
.stdCategoriaPagueLuftagastro .bloco-2cards-50-50 .card .img img {
	width: 100%;
	height: auto;
	margin: 0 auto;
	display: block;
}

/* Texto descritivo longo (cresce para alinhar os botoes na base) */
.stdCategoriaPagueLuftagastro .bloco-2cards-50-50 .card .txt {
	width: 100%;
	flex: 1 1 auto;
	padding: 3% 2%;
	box-sizing: border-box;
	/* FONTS SIZE MAX 16px MIN 12px */
	font-size: clamp(0.75rem, 0.402vw + 0.67rem, 1rem);
	line-height: 1.4;
}
.stdCategoriaPagueLuftagastro .bloco-2cards-50-50 .card .txt p {
	margin: 0;
	/* max: 18px min 14px */
	font-size: clamp(0.875rem, 0.402vw + 0.795rem, 1.125rem);
	line-height: 1.4;
}

/* Botao comprar (cores definidas inline no HTML) */
.stdCategoriaPagueLuftagastro .bloco-2cards-50-50 .card .btn {
	width: 100%;
	padding: 2% 0;
	box-sizing: border-box;
}
.stdCategoriaPagueLuftagastro .bloco-2cards-50-50 .card .btn a {
	display: inline-block;
	padding: 10px 32px;
	font-weight: bold;
	text-decoration: none;
	border-radius: 16px;
	/* max: 20px min 14px */
	font-size: clamp(0.875rem, 0.602vw + 0.755rem, 1.25rem);
	line-height: clamp(0.963rem, 0.663vw + 0.83rem, 1.375rem);
	background: #000;
	color: #fff;
}

/* MEDIA QUERIES - empilha um card sobre o outro */
@media (max-width: 768px) {
	.stdCategoriaPagueLuftagastro .bloco-2cards-50-50 .cards-container {
		gap: 4vw;
	}
	.stdCategoriaPagueLuftagastro .bloco-2cards-50-50 .card {
		flex: 1 1 100%;
	}
	.stdCategoriaPagueLuftagastro .bloco-2cards-50-50 .card .img img {
		max-width: 400px;
	}

}
/* BLOCO LP-2CARDS-50-50 */

/* BLOCO LP-TXT-ESQ-IMG-TXT-DIR */
.stdCategoriaPagueLuftagastro .bloco-txtesq-img-txtdir {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 2%;
	box-sizing: border-box;
}
.stdCategoriaPagueLuftagastro .bloco-txtesq-img-txtdir .tituloBase {
	width: 100%;
	text-align: center;
	font-weight: bold;
}

/* Container: texto esq | imagem central | texto dir */
.stdCategoriaPagueLuftagastro .bloco-txtesq-img-txtdir .content-container {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: 1vw;
	padding: 1% 0;
}

/* Colunas de texto laterais (iguais e fluidas) */
.stdCategoriaPagueLuftagastro .bloco-txtesq-img-txtdir .texto-esq,
.stdCategoriaPagueLuftagastro .bloco-txtesq-img-txtdir .texto-dir {
	flex: 1 1 0;
	min-width: 0;
	box-sizing: border-box;
	padding: 1%;
}

/* Imagem central: max 600px inicialmente, encolhe junto com as laterais */
.stdCategoriaPagueLuftagastro .bloco-txtesq-img-txtdir .img-central {
	flex: 3 1 0;
	min-width: 0;
	max-width: 600px;
	box-sizing: border-box;
}
.stdCategoriaPagueLuftagastro .bloco-txtesq-img-txtdir .img-central img {
	width: 100%;
	height: auto;
	display: block;
	margin: 0 auto;
}

/* Titulos e textos das laterais */
.stdCategoriaPagueLuftagastro .bloco-txtesq-img-txtdir .subtit {
	margin: 0;
	padding: 2% 0;
	font-weight: bold;
	/* max: 20px min 16px */
	font-size: clamp(1rem, 0.402vw + 0.92rem, 1.25rem);
	line-height: 1.2;
}
.stdCategoriaPagueLuftagastro .bloco-txtesq-img-txtdir .subtxt {
	/* max: 16px min 12px */
	font-size: clamp(0.75rem, 0.402vw + 0.67rem, 1rem);
	line-height: 1.4;
}
.stdCategoriaPagueLuftagastro .bloco-txtesq-img-txtdir .subtxt p {
	margin: 0 0 1% 0;
}

/* MEDIA QUERIES - empilha mantendo a ordem: texto esq -> imagem -> texto dir */
@media (max-width: 768px) {
	.stdCategoriaPagueLuftagastro .bloco-txtesq-img-txtdir .content-container {
		flex-direction: column;
		gap: 4vw;
	}
	.stdCategoriaPagueLuftagastro .bloco-txtesq-img-txtdir .texto-esq,
	.stdCategoriaPagueLuftagastro .bloco-txtesq-img-txtdir .texto-dir,
	.stdCategoriaPagueLuftagastro .bloco-txtesq-img-txtdir .img-central {
		flex: 1 1 100%;
		width: 100%;
		text-align: center;
	}
}
/* BLOCO LP-TXT-ESQ-IMG-TXT-DIR */

/* LP-IMG-ESQ-TXT-DIR-50-50 */
.stdCategoriaPagueLuftagastro .img-esq-txt-dir-50-50 {
	display: flex;
	flex-wrap: wrap;
	padding: 1% 2%;
	width: 100%;
	box-sizing: border-box;
	justify-content: space-evenly;
}
.stdCategoriaPagueLuftagastro .img-esq-txt-dir-50-50 .leftBox {
	width: 50%;
	max-width: 500px;
	display: flex;
	justify-content: center;
}
.stdCategoriaPagueLuftagastro .img-esq-txt-dir-50-50 .leftBox img {
	width: 100%; 
	height: auto; 
	display: block; 
	object-fit: contain;
}
.stdCategoriaPagueLuftagastro .img-esq-txt-dir-50-50 .rightBox {
	width: 50%;
	max-width: 520px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-self: center;
	gap: 10px 20px;
	padding: 0;
	height: fit-content;
}

.stdCategoriaPagueLuftagastro .img-esq-txt-dir-50-50 .rightBox .texto-complemento {
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: left;
	margin: 0;
	padding: 0.5% 0 0.5% 4%;
}

.stdCategoriaPagueLuftagastro .img-esq-txt-dir-50-50 .rightBox .texto-complemento .subtxt {
	/* FONTS SIZE MAX 20px MIN 14px */
	font-size: clamp(0.875rem, 0.602vw + 0.755rem, 1.25rem);
	line-height: 1.3;
	padding: 0.5%;
}

/* MEDIA QUERIES */
@media (max-width: 768px) {
	/* .stdCategoriaPagueLuftagastro .img-esq-txt-dir-50-50 {
		flex-direction: column-reverse; 
	} */
	.stdCategoriaPagueLuftagastro .img-esq-txt-dir-50-50 .leftBox,
	.stdCategoriaPagueLuftagastro .img-esq-txt-dir-50-50 .rightBox {
		width: 100%;
	}
	.stdCategoriaPagueLuftagastro .img-esq-txt-dir-50-50 .rightBox {
		margin-bottom: 20px;
	}
	.stdCategoriaPagueLuftagastro .img-esq-txt-dir-50-50 .leftBox img {
		max-width: 320px;
		width: calc(50% + 10vw);
	}

	.stdCategoriaPagueLuftagastro .img-esq-txt-dir-50-50 .rightBox .texto-complemento {
		padding: 0;
	}
}
/* LP-IMG-ESQ-TXT-DIR-50-50 */

/* BLOCO LP-BTN-CENTRO */
.stdCategoriaPagueLuftagastro .bloco-btn-full-centro {
	display: flex;
	flex-direction: column;
	padding: 2%;
}

.stdCategoriaPagueLuftagastro .bloco-btn-full-centro .txt-container {
	width: 100%;
	box-sizing: border-box;
	text-align: center;
	/* FONTS SIZE MAX 20px MIN 14px */
	font-size: clamp(0.875rem, 0.602vw + 0.755rem, 1.25rem);
	line-height: 1.1;
	margin: 0;
	padding: 1%;
}

/* Estilo do botão de comprar */
.stdCategoriaPagueLuftagastro .bloco-btn-full-centro .btn-container .btn-comprar {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 10px auto;
	padding: 10px;
	min-height: 30px;
	text-align: center;
	font-size: clamp(0.875rem, 0.602vw + 0.755rem, 1.25rem); /* MIN 14px MAX 20px */
	line-height: clamp(0.963rem, 0.663vw + 0.83rem, 1.375rem); /* MIN 1,1 MAX 1,1 */
	cursor: pointer;
	border-radius: 16px;
	color: white;
	background-color: navy;
	text-decoration: none;
	border: none;
	width: 80%
}
/* BLOCO LP-BTN-CENTRO */