/**
 * Coteia Home v0.6.0-alpha.1
 * Nova base estrutural — estrutura aprovada: Topo Personalizado.
 *
 * Important: this file does not restyle legacy Sections 1–10.
 */

.coteia-home-component {
	box-sizing: border-box;
	width: 100%;
	margin: 0;
	padding: 0;
	color: var(--coteia-color-text, inherit);
	font-family: var(--coteia-font-text, var(--coteia-font-primary, inherit));
}

.coteia-home-shell {
	box-sizing: border-box;
	width: 100%;
	max-width: var(--coteia-content-width, 1200px);
	margin: 0 auto;
	padding-left: var(--coteia-page-padding-desktop, 20px);
	padding-right: var(--coteia-page-padding-desktop, 20px);
}

.coteia-home-content {
	box-sizing: border-box;
	width: 100%;
	min-width: 0;
}

/* CARD: unidade visual independente, com espaço externo real. */
.coteia-home-component--cards {
	padding: 20px 0;
	background: transparent;
}

.coteia-home-component--cards .coteia-home-content {
	padding: 22px 24px;
	border: 1px solid var(--coteia-border-color, #e7ecf3);
	border-radius: var(--coteia-card-radius, 14px);
	background: var(--coteia-surface-color, #fff);
}

/*
 * PÁGINA CONTÍNUA: não existe card externo, margem entre "ilhas",
 * raio ou sombra. O conteúdo participa do fluxo único da Home.
 */
.coteia-home-component--continuous {
	padding: 0;
	background: var(--coteia-page-bg, transparent);
}

.coteia-home-component--continuous .coteia-home-content {
	padding: 24px 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
}

/* A divisória pertence ao fluxo, não ao card. */
.coteia-home-main.coteia-home-style-continuous.has-section-dividers
	.coteia-home-component--continuous + .coteia-home-component--continuous
	.coteia-home-shell {
	border-top: var(--coteia-home-divider-width, 1px) solid
		color-mix(
			in srgb,
			var(--coteia-home-divider-color, #e7ecf3)
			calc(var(--coteia-home-divider-opacity, .16) * 100%),
			transparent
		);
}

/* Fallback para navegadores sem color-mix. */
@supports not (color: color-mix(in srgb, #000 50%, transparent)) {
	.coteia-home-main.coteia-home-style-continuous.has-section-dividers
		.coteia-home-component--continuous + .coteia-home-component--continuous
		.coteia-home-shell {
		border-top-color: var(--coteia-home-divider-color, #e7ecf3);
	}
}

/* Conteúdo do Topo: a origem não define a identidade tipográfica. */
.coteia-home-top-content,
.coteia-home-top-content p,
.coteia-home-top-content li {
	color: var(--coteia-color-text, inherit);
	font-family: var(--coteia-font-text, var(--coteia-font-primary, inherit));
	font-weight: var(--coteia-font-text-weight, 400);
}

.coteia-home-top-content h1,
.coteia-home-top-content h2,
.coteia-home-top-content h3,
.coteia-home-top-content h4,
.coteia-home-top-content h5,
.coteia-home-top-content h6,
.coteia-home-top-content .coteia-home-html-title {
	color: var(--coteia-color-title, var(--coteia-color-text, inherit));
	font-family: var(--coteia-font-heading, var(--coteia-font-primary, inherit));
	font-weight: var(--coteia-font-heading-weight, 700);
}

.coteia-home-top-content img,
.coteia-home-top-content video,
.coteia-home-top-content iframe,
.coteia-home-top-content embed,
.coteia-home-top-content object {
	max-width: 100%;
}

.coteia-home-top-media,
.coteia-home-top-media img,
.coteia-home-top-media video {
	display: block;
	max-width: 100%;
}

.coteia-home-empty {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	min-height: 96px;
	text-align: center;
}

.coteia-home-empty strong {
	color: var(--coteia-color-title, inherit);
	font-family: var(--coteia-font-heading, inherit);
}

.coteia-home-empty span {
	margin-top: 5px;
	color: var(--coteia-color-text, inherit);
}

/* O Topo antigo não participa mais da renderização visual v0.6. */
.coteia-home-component--top {
	margin: 0;
}

@media (max-width: 1024px) {
	.coteia-home-shell {
		padding-left: var(--coteia-page-padding-tablet, 16px);
		padding-right: var(--coteia-page-padding-tablet, 16px);
	}
}

@media (max-width: 600px) {
	.coteia-home-shell {
		padding-left: var(--coteia-page-padding-mobile, 12px);
		padding-right: var(--coteia-page-padding-mobile, 12px);
	}

	.coteia-home-component--cards {
		padding: 14px 0;
	}

	.coteia-home-component--cards .coteia-home-content {
		padding: 18px 16px;
	}
}

/* ==========================================================
 * Home v0.6.0-alpha.2 — zona segura de entrada da Home
 * ========================================================== */

/*
 * O afastamento pertence à raiz da Home, não ao Topo.
 * Assim, se o Topo estiver desativado, a primeira peça ativa continua
 * protegida da transição/overlay do Hero e do Menu.
 */
.coteia-home-main {
	--coteia-home-entry-gap: 24px;
	padding-top: var(--coteia-home-entry-gap);
}

/* O gap de entrada não transforma Página contínua em uma coleção de cards. */
.coteia-home-main.coteia-home-style-continuous {
	padding-top: var(--coteia-home-entry-gap);
}

/* ==========================================================
 * Final Personalizado — segunda peça da nova base
 * ========================================================== */
.coteia-home-bottom-content,
.coteia-home-bottom-content p,
.coteia-home-bottom-content li {
	color: var(--coteia-color-text, inherit);
	font-family: var(--coteia-font-text, var(--coteia-font-primary, inherit));
	font-weight: var(--coteia-font-text-weight, 400);
}

.coteia-home-bottom-content h1,
.coteia-home-bottom-content h2,
.coteia-home-bottom-content h3,
.coteia-home-bottom-content h4,
.coteia-home-bottom-content h5,
.coteia-home-bottom-content h6,
.coteia-home-bottom-content .coteia-home-html-title {
	color: var(--coteia-color-title, var(--coteia-color-text, inherit));
	font-family: var(--coteia-font-heading, var(--coteia-font-primary, inherit));
	font-weight: var(--coteia-font-heading-weight, 700);
}

.coteia-home-bottom-content img,
.coteia-home-bottom-content video,
.coteia-home-bottom-content iframe,
.coteia-home-bottom-content embed,
.coteia-home-bottom-content object {
	max-width: 100%;
}

.coteia-home-bottom-media,
.coteia-home-bottom-media img,
.coteia-home-bottom-media video {
	display: block;
	max-width: 100%;
}

.coteia-home-component--bottom {
	margin: 0;
}

@media (max-width: 1024px) {
	.coteia-home-main {
		--coteia-home-entry-gap: 18px;
	}
}

@media (max-width: 600px) {
	.coteia-home-main {
		--coteia-home-entry-gap: 14px;
	}
}


/* Home v0.6.0-alpha.3 — seções da Home. */
.coteia-home-section-heading{
	display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:18px;
}
.coteia-home-section-heading h2{
	margin:0;color:var(--coteia-color-title,var(--coteia-color-text,#172033));
	font-family:var(--coteia-font-heading,var(--coteia-font-primary,inherit));
	font-weight:var(--coteia-font-heading-weight,700);
}
.coteia-home-section-heading p{
	margin:5px 0 0;color:var(--coteia-color-text,#6f7a8b);
	font-family:var(--coteia-font-text,var(--coteia-font-primary,inherit));
	font-weight:var(--coteia-font-text-weight,400);
}
.coteia-home-product-track{
	display:grid;
	grid-template-columns:repeat(var(--coteia-section-cols,5),minmax(0,1fr));
	gap:14px;
	min-width:0;
}
.coteia-home-component--section.is-carousel .coteia-home-product-track{
	display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;
}
.coteia-home-component--section.is-carousel .coteia-home-product-track::-webkit-scrollbar{display:none}
.coteia-home-component--section.is-carousel .coteia-market-card{
	flex:0 0 calc((100% - (14px * (var(--coteia-section-cols,5) - 1))) / var(--coteia-section-cols,5));
	scroll-snap-align:start;
}
.coteia-home-section .coteia-market-card{
	min-width:0;font-family:var(--coteia-font-text,var(--coteia-font-primary,inherit));
}
.coteia-home-section .coteia-market-card h3{
	color:var(--coteia-color-title,var(--coteia-color-text,#172033));
	font-family:var(--coteia-font-heading,var(--coteia-font-primary,inherit));
	font-weight:var(--coteia-font-heading-weight,700);
}
.coteia-home-section .coteia-market-card-description{color:var(--coteia-color-text,#6f7a8b)}
.coteia-home-section .coteia-market-card-button{
	font-family:var(--coteia-font-text,var(--coteia-font-primary,inherit));
	font-weight:var(--coteia-font-button-weight,700);
}
.coteia-home-component--continuous.coteia-home-component--section .coteia-home-content{
	padding-top:28px;padding-bottom:28px;
}
@media(max-width:1024px){
	.coteia-home-product-track{grid-template-columns:repeat(var(--coteia-section-cols-tablet,3),minmax(0,1fr))}
	.coteia-home-component--section.is-carousel .coteia-market-card{flex-basis:calc((100% - (14px * (var(--coteia-section-cols-tablet,3) - 1))) / var(--coteia-section-cols-tablet,3))}
}
@media(max-width:767px){
	.coteia-home-product-track{grid-template-columns:repeat(var(--coteia-section-cols-mobile,2),minmax(0,1fr));gap:10px}
	.coteia-home-component--section.is-carousel .coteia-market-card{flex-basis:calc((100% - (10px * (var(--coteia-section-cols-mobile,2) - 1))) / var(--coteia-section-cols-mobile,2))}
	.coteia-home-section-heading{gap:12px}
}


/* ==========================================================================
 * Home v0.6.0-alpha.11 — Superfície contínua limitada à largura global
 * ========================================================================== */

/* O wrapper do componente continua neutro/full-width. A superfície branca
 * pertence ao conteúdo interno, que já obedece à largura configurada pelo tema
 * (1200px, 1420px ou seletor específico). */
.coteia-home-component--continuous.coteia-home-component--section {
	background: transparent;
}

.coteia-home-component--continuous.coteia-home-component--section
	.coteia-home-content {
	background: var(--coteia-section-bg, #fff);
	padding: 28px 24px;
}

/* Topo e Final usam a mesma regra estrutural aprovada para Página contínua.
 * Não criamos largura fixa: o container existente continua sendo a autoridade. */
.coteia-home-component--continuous.coteia-home-component--top
	.coteia-home-content,
.coteia-home-component--continuous.coteia-home-component--bottom
	.coteia-home-content {
	background: #fff;
	padding: 28px 24px;
}

/* Mantém o fundo externo transparente para não pintar o viewport inteiro. */
.coteia-home-component--continuous.coteia-home-component--top,
.coteia-home-component--continuous.coteia-home-component--bottom {
	background: transparent;
}

@media (max-width: 600px) {
	.coteia-home-component--continuous.coteia-home-component--section
		.coteia-home-content,
	.coteia-home-component--continuous.coteia-home-component--top
		.coteia-home-content,
	.coteia-home-component--continuous.coteia-home-component--bottom
		.coteia-home-content {
		padding: 22px 16px;
	}
}


/* ==========================================================================
 * Home v0.6.0-alpha.12 — estabilização Estilos Gerais / seções
 * ========================================================================== */

/* A nova árvore v0.6 usa exclusivamente a borda do shell para a divisória.
 * Neutraliza a pseudo-divisória herdada da Home 0.5, que podia ultrapassar
 * visualmente a caixa configurada. */
.coteia-home-main.coteia-home-style-continuous.has-section-dividers
	.coteia-home-component--continuous
	.coteia-market-section.coteia-home-section::before,
.coteia-home-main.coteia-home-style-continuous.has-section-dividers
	.coteia-home-component--continuous
	.coteia-market-section.coteia-home-section .coteia-home-container::before {
	display: none !important;
}

/* Fallback de opacidade sem color-mix: a própria borda do shell respeita
 * a largura global (1200px, 1420px ou valor livre). */
@supports not (color: color-mix(in srgb, #000 50%, transparent)) {
	.coteia-home-main.coteia-home-style-continuous.has-section-dividers
		.coteia-home-component--continuous + .coteia-home-component--continuous
		.coteia-home-shell {
		border-top-color: var(--coteia-home-divider-color, #e7ecf3);
		opacity: 1;
	}
}

/* As seções devem consumir o contrato de Estilos Gerais, não sobrescrevê-lo com
 * as variáveis tipográficas globais antigas. */
.coteia-home-section .coteia-market-card h3 {
	color: var(--coteia-card-title-color, #172033);
	font-family: var(--coteia-font-heading, var(--coteia-font-primary, inherit));
	font-size: var(--coteia-card-title-size, 14px);
	font-weight: var(--coteia-card-title-weight, 700);
}

.coteia-home-section .coteia-market-card-description {
	color: var(--coteia-card-description-color, #6F7A8B);
	font-size: var(--coteia-card-description-size, 12px);
	font-weight: var(--coteia-card-description-weight, 400);
}

.coteia-home-section .coteia-market-rating {
	color: var(--coteia-rating-color, #D89B00);
}

.coteia-home-section .coteia-market-rating small {
	color: var(--coteia-reviews-color, #8B96A8);
}

.coteia-home-section .coteia-market-pricing del {
	color: var(--coteia-old-price-color, #8B96A8);
}

.coteia-home-section .coteia-market-pricing strong {
	color: var(--coteia-price-color, #255FB7);
}

.coteia-home-section .coteia-market-card-button {
	border-radius: var(--coteia-card-button-radius, 8px);
	background: var(--coteia-card-button-bg, #FFE600);
	color: var(--coteia-card-button-text, #172033);
	font-family: var(--coteia-font-text, var(--coteia-font-primary, inherit));
	font-weight: var(--coteia-font-button-weight, 700);
}

/* Espaçamentos e quantidade visível do carrossel também vêm do contrato geral. */
.coteia-home-product-track {
	column-gap: var(--coteia-layout-gap-x-desktop, 14px);
	row-gap: var(--coteia-layout-gap-y-desktop, 14px);
}

.coteia-home-component--section.is-carousel .coteia-home-product-track {
	column-gap: var(--coteia-layout-gap-x-desktop, 14px);
}

.coteia-home-component--section.is-carousel .coteia-market-card {
	flex-basis: calc(
		(100% - (var(--coteia-layout-gap-x-desktop, 14px) * (var(--coteia-section-cols, 5) - 1)))
		/ var(--coteia-section-cols, 5)
	);
}

@media (max-width: 1024px) {
	.coteia-home-product-track {
		column-gap: var(--coteia-layout-gap-x-tablet, 14px);
		row-gap: var(--coteia-layout-gap-y-tablet, 14px);
	}
	.coteia-home-component--section.is-carousel .coteia-market-card {
		flex-basis: calc(
			(100% - (var(--coteia-layout-gap-x-tablet, 14px) * (var(--coteia-section-cols-tablet, 3) - 1)))
			/ var(--coteia-section-cols-tablet, 3)
		);
	}
}

@media (max-width: 600px) {
	.coteia-home-product-track {
		column-gap: var(--coteia-layout-gap-x-mobile, 10px);
		row-gap: var(--coteia-layout-gap-y-mobile, 10px);
	}
	.coteia-home-component--section.is-carousel .coteia-market-card {
		flex-basis: calc(
			(100% - (var(--coteia-layout-gap-x-mobile, 10px) * (var(--coteia-section-cols-mobile, 2) - 1)))
			/ var(--coteia-section-cols-mobile, 2)
		);
	}
}


/* ==========================================================================
 * Home v0.6.0-alpha.13 — autoridade de Estilo das Seções
 * ========================================================================== */

/* Cards: Estilos das Seções controla a superfície estrutural do componente. */
.coteia-home-style-cards .coteia-home-component--cards {
	padding-top: calc(var(--coteia-section-gap, 20px) / 2);
	padding-bottom: calc(var(--coteia-section-gap, 20px) / 2);
}

.coteia-home-style-cards .coteia-home-component--cards .coteia-home-content {
	background: var(--coteia-section-bg, #fff);
	border-color: var(--coteia-section-border, #e7ecf3);
	border-width: var(--coteia-section-border-width, 0px);
	border-style: solid;
	border-radius: var(--coteia-section-radius, 14px);
}

/* Página contínua: superfície própria, independente dos controles de Cards. */
.coteia-home-style-continuous .coteia-home-component--continuous .coteia-home-content {
	background: var(--coteia-continuous-bg, #fff);
	border-radius: var(--coteia-continuous-radius, 0px);
}

/* Neutraliza regras específicas alpha.11 que fixavam branco em Topo/Final. */
.coteia-home-style-continuous
	.coteia-home-component--continuous.coteia-home-component--top
	.coteia-home-content,
.coteia-home-style-continuous
	.coteia-home-component--continuous.coteia-home-component--bottom
	.coteia-home-content,
.coteia-home-style-continuous
	.coteia-home-component--continuous.coteia-home-component--section
	.coteia-home-content {
	background: var(--coteia-continuous-bg, #fff);
	border-radius: var(--coteia-continuous-radius, 0px);
}

/* Tipografia da seção: mesma autoridade nos dois modos. */
.coteia-home-component .coteia-section-heading h1,
.coteia-home-component .coteia-section-heading h2,
.coteia-home-component .coteia-section-heading h3,
.coteia-home-component .coteia-home-section-heading h2 {
	color: var(--coteia-section-title-color, #172033);
	font-size: var(--coteia-section-title-size, 26px);
	font-weight: var(--coteia-section-title-weight, 700);
}

.coteia-home-component .coteia-section-heading p,
.coteia-home-component .coteia-home-section-heading p {
	color: var(--coteia-section-subtitle-color, #6b7688);
	font-size: var(--coteia-section-subtitle-size, 14px);
	font-weight: var(--coteia-section-subtitle-weight, 400);
}

.coteia-home-component .coteia-section-description,
.coteia-home-component .coteia-home-html,
.coteia-home-component .coteia-home-shortcode,
.coteia-home-component .coteia-home-empty {
	color: var(--coteia-section-text-color, #6f7a8b);
	font-size: var(--coteia-section-text-size, 12px);
	font-weight: var(--coteia-section-text-weight, 400);
}

/* Divisória v0.6: uma única implementação. O shell é box-sizing:border-box
 * e já obedece à largura global configurável do tema. */
.coteia-home-main.coteia-home-style-continuous.has-section-dividers
	.coteia-home-component--continuous + .coteia-home-component--continuous
	.coteia-home-shell {
	position: relative;
	border-top: 0 !important;
}

.coteia-home-main.coteia-home-style-continuous.has-section-dividers
	.coteia-home-component--continuous + .coteia-home-component--continuous
	.coteia-home-shell::before {
	content: "";
	position: absolute;
	z-index: 1;
	top: 0;
	left: var(--coteia-page-padding-desktop, 20px);
	right: var(--coteia-page-padding-desktop, 20px);
	height: var(--coteia-home-divider-width, 1px);
	background: var(--coteia-home-divider-color, #e7ecf3);
	opacity: var(--coteia-home-divider-opacity, .16);
	pointer-events: none;
}

/* Desliga definitivamente pseudo-divisórias legadas dentro da nova árvore. */
.coteia-home-component .coteia-market-section::before,
.coteia-home-component .coteia-market-section > .coteia-home-container::before,
.coteia-home-component .coteia-market-section .coteia-home-container::before {
	display: none !important;
}

@media (max-width: 600px) {
	.coteia-home-main.coteia-home-style-continuous.has-section-dividers
		.coteia-home-component--continuous + .coteia-home-component--continuous
		.coteia-home-shell::before {
		left: var(--coteia-page-padding-mobile, 16px);
		right: var(--coteia-page-padding-mobile, 16px);
	}
}


/* ==========================================================================\n * Home v0.6.0-alpha.14 — continuidade, raio e divisórias\n * ========================================================================== */

/* Página contínua é uma superfície visual única: componentes intermediários
 * não recebem cantos próprios. Topo e Final fecham a superfície. */
.coteia-home-style-continuous .coteia-home-component--continuous .coteia-home-content {
	border-radius: 0;
}

.coteia-home-style-continuous
	.coteia-home-component--continuous.coteia-home-component--top
	.coteia-home-content {
	border-radius: var(--coteia-continuous-radius, 0px) var(--coteia-continuous-radius, 0px) 0 0;
}

.coteia-home-style-continuous
	.coteia-home-component--continuous.coteia-home-component--bottom
	.coteia-home-content {
	border-radius: 0 0 var(--coteia-continuous-radius, 0px) var(--coteia-continuous-radius, 0px);
}

/* Recuo seguro adicional: a divisória respeita a caixa global e não toca
 * as extremidades úteis do conteúdo. */
.coteia-home-main.coteia-home-style-continuous.has-section-dividers
	.coteia-home-component--continuous + .coteia-home-component--continuous
	.coteia-home-shell::before {
	left: calc(var(--coteia-page-padding-desktop, 20px) + 12px);
	right: calc(var(--coteia-page-padding-desktop, 20px) + 12px);
}

@media (max-width: 600px) {
	.coteia-home-main.coteia-home-style-continuous.has-section-dividers
		.coteia-home-component--continuous + .coteia-home-component--continuous
		.coteia-home-shell::before {
		left: calc(var(--coteia-page-padding-mobile, 16px) + 8px);
		right: calc(var(--coteia-page-padding-mobile, 16px) + 8px);
	}
}

/* Home v0.6.0-alpha.16 — contrato estrutural do container pai.
 * O pai permanece no DOM nos modos Cards e Pagina continua.
 * Os filhos nao recebem o raio/superficie da Pagina continua.
 */
.coteia-home-parent{
  width:min(100%, var(--coteia-content-width, 1200px));
  max-width:100%;
  margin-inline:auto;
  box-sizing:border-box;
}
.coteia-home-style-continuous > .coteia-home-parent{
  background:var(--coteia-continuous-bg, #fff);
  border-radius:var(--coteia-continuous-radius, 0px);
}
.coteia-home-style-cards > .coteia-home-parent{
  background:transparent;
  border-radius:0;
}
.coteia-home-parent > *{
  width:100%;
  max-width:100%;
  min-width:0;
  box-sizing:border-box;
}
.coteia-home-style-continuous .coteia-home-parent .coteia-home-component,
.coteia-home-style-continuous .coteia-home-parent .coteia-home-shell,
.coteia-home-style-continuous .coteia-home-parent .coteia-home-content,
.coteia-home-style-continuous .coteia-home-parent .coteia-market-section,
.coteia-home-style-continuous .coteia-home-parent .coteia-home-container,
.coteia-home-style-continuous .coteia-home-parent .coteia-home-top,
.coteia-home-style-continuous .coteia-home-parent .coteia-home-bottom{
  max-width:100%;
  box-sizing:border-box;
  border-radius:0;
}


/* ========================================================================== 
 * Home v0.6.0-alpha.18 — ADS nativo, seções integradas e espaçamento estável
 * ========================================================================== */

/* As seções participam integralmente da superfície do container pai no modo
 * Página contínua. A cor pertence ao pai; o filho não cria uma segunda placa. */
.coteia-home-style-continuous > .coteia-home-parent
	.coteia-home-component--section .coteia-home-content {
	background: transparent !important;
}

/* ADS passa a obedecer ao mesmo contrato estrutural dos demais filhos v0.6.
 * Não existe container legado adicional, portanto não há largura independente
 * nem margem capaz de escapar do container pai. */
.coteia-home-component--ad .coteia-home-ad-frame {
	box-sizing: border-box;
	width: 100%;
	max-width: 100%;
	margin: 0;
}
.coteia-home-style-continuous .coteia-home-component--ad .coteia-home-content {
	background: transparent;
}
.coteia-home-style-continuous .coteia-home-component--ad .coteia-home-ad-frame {
	border-radius: 0;
}

/* A distância final pertence ao container pai, nunca ao último ADS/filho.
 * Assim habilitar ou desabilitar publicidade não altera a relação com rodapé. */
.coteia-home-parent {
	margin-bottom: var(--coteia-section-gap, 20px);
}

/* No modo contínuo todos os filhos permanecem estritamente dentro do pai. */
.coteia-home-style-continuous > .coteia-home-parent {
	overflow: hidden;
}
.coteia-home-style-continuous > .coteia-home-parent > .coteia-home-component {
	width: 100%;
	max-width: 100%;
	min-width: 0;
}

/* ========================================================================== 
 * Home v0.6.0-alpha.19 — acabamento local ADS / seções da Home
 * ========================================================================== */

/* Página contínua: a seções da Home não cria superfície própria.
 * O fundo visível pertence exclusivamente ao container pai aprovado. */
.coteia-home-style-continuous > .coteia-home-parent
	.coteia-home-component--section .coteia-market-section.coteia-home-section {
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	outline: 0 !important;
}
.coteia-home-style-continuous > .coteia-home-parent
	.coteia-home-component--section .coteia-home-shell,
.coteia-home-style-continuous > .coteia-home-parent
	.coteia-home-component--section .coteia-home-content {
	background: transparent !important;
	box-shadow: none !important;
	outline: 0 !important;
}

/* Página contínua: o invólucro estrutural do ADS herda visualmente o pai.
 * A origem do anúncio continua livre para desenhar o próprio criativo. */
.coteia-home-style-continuous > .coteia-home-parent
	.coteia-home-component--ad,
.coteia-home-style-continuous > .coteia-home-parent
	.coteia-home-component--ad .coteia-home-shell,
.coteia-home-style-continuous > .coteia-home-parent
	.coteia-home-component--ad .coteia-home-content {
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	outline: 0 !important;
}
.coteia-home-style-continuous > .coteia-home-parent
	.coteia-home-component--ad .coteia-home-ad-frame {
	background: transparent !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	outline: 0 !important;
}

/* ========================================================================== 
 * Home v0.6.0-alpha.20 — acabamento local Modo card / ADS
 * ========================================================================== */

/* Modo card: a superfície visual da seções da Home pertence ao componente
 * v0.6 (.coteia-home-content). O container interno de catálogo não cria
 * uma segunda cor, borda, sombra ou outline. */
.coteia-home-style-cards > .coteia-home-parent
	.coteia-home-component--section .coteia-market-section.coteia-home-section {
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	outline: 0 !important;
}

/* ADS: a moldura técnica nunca desenha uma borda própria. A superfície/cor
 * configurável continua pertencendo ao ADS, enquanto bordas do modo Card
 * permanecem sob autoridade exclusiva de Estilos das Seções. */
.coteia-home-component--ad .coteia-home-ad-frame {
	border: 0 !important;
	box-shadow: none !important;
	outline: 0 !important;
}


/* ==========================================================================
 * Home v0.6.0-alpha.22 — ADS: autoridade visual exclusivamente global
 * ========================================================================== */

/* O ADS não decide mais a superfície do bloco. No modo Card, a superfície
 * vem de Estilos das Seções; na Página contínua, vem do fundo global da
 * Página contínua. A moldura do criativo permanece neutra e não compete com
 * o contêiner pai. Shortcode/HTML podem desenhar apenas o próprio criativo. */
.coteia-home-style-cards > .coteia-home-parent
	.coteia-home-component--ad .coteia-home-content {
	background: var(--coteia-section-bg, #fff) !important;
	border-color: var(--coteia-section-border, #e7ecf3) !important;
	border-width: var(--coteia-section-border-width, 0px) !important;
	border-style: solid !important;
	border-radius: var(--coteia-section-radius, 14px) !important;
}

.coteia-home-style-continuous > .coteia-home-parent
	.coteia-home-component--ad .coteia-home-content {
	background: var(--coteia-continuous-bg, #fff) !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	outline: 0 !important;
}

.coteia-home-component--ad .coteia-home-ad-frame {
	background: transparent !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	outline: 0 !important;
}

/* ========================================================================== 
 * Home v0.6.0-alpha.25 — conteúdo inicial e estados da seções da Home
 * ========================================================================== */
.coteia-home-dependency {
	display: flex;
	flex-direction: column;
	gap: 6px;
	margin: 0 0 16px;
	padding: 14px 16px;
	border: 2px solid #d89b00;
	border-radius: 10px;
	background: #fff8df;
	color: #172033;
}

.coteia-home-dependency strong { font-weight: 800; }

.coteia-lab-promo {
	display: grid;
	grid-template-columns: minmax(150px, 220px) minmax(0, 1fr) auto;
	align-items: center;
	gap: 24px;
	width: 100%;
	padding: 22px;
	box-sizing: border-box;
	border: 1px solid var(--coteia-card-border-color, #e7ecf3);
	border-radius: var(--coteia-card-radius, 12px);
	background: var(--coteia-card-bg, #fff);
}

.coteia-lab-promo__visual { min-width: 0; }
.coteia-lab-promo__visual svg { display: block; width: 100%; height: auto; max-height: 150px; }
.coteia-lab-promo__content { min-width: 0; }
.coteia-lab-promo__eyebrow {
	display: inline-block;
	margin-bottom: 6px;
	font-weight: 700;
	color: var(--coteia-badge-bg, #255fb7);
}
.coteia-lab-promo h3 { margin: 0 0 8px; }
.coteia-lab-promo p { margin: 0; }
.coteia-lab-promo__price { display: flex; align-items: baseline; gap: 10px; margin-top: 12px; }
.coteia-lab-promo__price del { color: var(--coteia-old-price-color, #8b96a8); }
.coteia-lab-promo__price strong { color: var(--coteia-price-color, #255fb7); font-size: 1.35em; }
.coteia-lab-promo__action { display: flex; flex-direction: column; align-items: stretch; gap: 8px; min-width: 150px; text-align: center; }
.coteia-lab-promo__action a {
	display: block;
	padding: 12px 18px;
	border-radius: var(--coteia-card-button-radius, 8px);
	background: var(--coteia-card-button-bg, #ffe600);
	color: var(--coteia-card-button-text, #172033);
	font-weight: 700;
	text-decoration: none;
}
.coteia-lab-promo__action small { color: var(--coteia-section-text-color, #6f7a8b); }

@media (max-width: 1024px) {
	.coteia-lab-promo { grid-template-columns: minmax(130px, 180px) minmax(0, 1fr); gap: 18px; }
	.coteia-lab-promo__action { grid-column: 1 / -1; flex-direction: row; align-items: center; }
	.coteia-lab-promo__action a { min-width: 150px; }
}

@media (max-width: 640px) {
	.coteia-lab-promo { grid-template-columns: 1fr; gap: 14px; padding: 16px; }
	.coteia-lab-promo__visual { max-width: 220px; margin: 0 auto; }
	.coteia-lab-promo__action { grid-column: auto; flex-direction: column; align-items: stretch; }
	.coteia-lab-promo__action a { width: 100%; min-width: 0; box-sizing: border-box; }
}


/* ========================================================================== 
 * Home v0.6.0-alpha.33 — Banner/Mídia: visibilidade do wrapper da seção
 * ========================================================================== 
 * Aplicado somente quando Banner/Mídia personalizada é o conteúdo principal.
 * Evita container vazio no breakpoint em que "Exibir em ..." está desmarcado.
 */
@media (min-width: 1025px) {
	.coteia-home-component.coteia-home-media-hidden-desktop {
		display: none !important;
	}
}

@media (min-width: 601px) and (max-width: 1024px) {
	.coteia-home-component.coteia-home-media-hidden-tablet {
		display: none !important;
	}
}

@media (max-width: 600px) {
	.coteia-home-component.coteia-home-media-hidden-mobile {
		display: none !important;
	}
}