/* ==========================================================
   Cards Ótica para Elementor
   Tudo é controlado por variáveis; o painel do Elementor
   sobrescreve os valores sem precisar de !important.
   ========================================================== */

.cot-wrap {
	--cot-cols: 3;
	--cot-gap: 24px;
	--cot-ratio: 2/1;
	--cot-radius: 20px;
	--cot-img-radius: 14px;
	--cot-card-bg: #f3f3f4;
	--cot-accent: #16386b;
	--cot-line: #e6e8ec;
	--cot-title: #16386b;
	--cot-title-h: var(--cot-title);
	--cot-cat: #e0861b;
	--cot-cat-h: var(--cot-cat);
	--cot-meta: #6b7688;
	--cot-excerpt: #5b6576;
	--cot-tgap: 12px;
	--cot-ov: rgba(12, 24, 48, .85);
	--cot-ov-start: 35%;
	--cot-pill-bg: #f28c1b;
	--cot-pill-color: #fff;
	--cot-pill-pos: 14px;
	--cot-head: #16386b;
	--cot-head-link: #44546b;
	--cot-head-link-h: #16386b;
	--cot-head-space: 22px;
	--cot-list-space: 16px;
	--cot-pag: var(--cot-accent);
	--cot-pag-active: var(--cot-accent);
	--cot-muted: #6b7688;
	position: relative;
}
.cot-wrap *, .cot-wrap *::before, .cot-wrap *::after { box-sizing: border-box; }

/* ---------- Grade ---------- */
.cot-grid { display: grid; grid-template-columns: repeat(var(--cot-cols), minmax(0, 1fr)); gap: var(--cot-gap); }

/* ---------- Card base ---------- */
.cot-card { position: relative; display: flex; flex-direction: column; min-width: 0; margin: 0; }
.cot-body { position: static; display: flex; flex-direction: column; min-width: 0; }
.cot-thumb { position: relative; overflow: hidden; flex: none; align-self: var(--cot-img-align, stretch); width: var(--cot-img-w, 100%); max-width: 100%; aspect-ratio: var(--cot-ratio); height: var(--cot-img-h, auto); min-height: var(--cot-img-minh, 0px); }
.cot-thumb a { display: block; height: 100%; }
.cot-wrap .cot-img { display: block; width: 100%; height: 100%; max-width: none; object-fit: cover; border: 0; border-radius: 0; box-shadow: none; transition: transform .6s ease; }
.cot-img--empty { background: linear-gradient(135deg, #dfe5ee, #c9d3e1); }
.cot-zoom-yes .cot-card:hover .cot-img { transform: scale(1.05); }

/* Textos: a tag escolhida no painel (H1–H6, p, div, span) não muda o visual */
.cot-wrap .cot-title, .cot-wrap .cot-cat, .cot-wrap .cot-meta, .cot-wrap .cot-excerpt, .cot-wrap .cot-head-t {
	display: block; margin: 0; padding: 0; border: 0; background-color: transparent;
	font-family: inherit; font-style: normal; font-weight: 400; letter-spacing: 0; word-spacing: normal;
	text-transform: none; text-decoration: none;
}
.cot-wrap .cot-cat { font-size: 13px; line-height: 1.3; color: var(--cot-cat); }
.cot-wrap .cot-cat a { color: inherit; text-decoration: none; position: relative; z-index: 3; transition: color .2s ease; }
.cot-wrap .cot-cat a:hover { color: var(--cot-cat-h); }
.cot-wrap .cot-title { font-size: 20px; line-height: 1.3; color: var(--cot-title); margin-top: var(--cot-tgap); }
.cot-wrap .cot-cat + .cot-title { margin-top: var(--cot-tgap); }
.cot-wrap .cot-body > .cot-title:first-child { margin-top: 0; }
.cot-wrap .cot-title a { color: inherit; text-decoration: none; transition: color .2s ease; }
.cot-wrap .cot-card:hover .cot-title a, .cot-wrap .cot-title a:focus { color: var(--cot-title-h); }
.cot-wrap .cot-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; font-size: 12px; line-height: 1.4; color: var(--cot-meta); margin-top: 10px; }
.cot-wrap .cot-sep { opacity: .6; }
.cot-wrap .cot-excerpt { font-size: 14px; line-height: 1.55; color: var(--cot-excerpt); margin-top: 10px; }

/* Card inteiro clicável */
.cot-link-card .cot-link::after { content: ""; position: absolute; inset: 0; z-index: 2; }
.cot-link-card .cot-link:focus-visible { outline: none; }
.cot-link-card .cot-card:has(.cot-link:focus-visible) { outline: 2px solid var(--cot-accent); outline-offset: 3px; }

/* ---------- Título da seção + "Ver todos" ----------
   Título e link ficam direto no wrap, que vira uma grade de 2 colunas:
   a posição do link (mesma linha / embaixo do título / embaixo dos cards)
   muda por aparelho só com CSS. */
.cot-wrap { --cot-link-space: 14px; --cot-head-valign: baseline; }
.cot-wrap.cot-has-head { display: grid; grid-template-columns: minmax(0, 1fr) auto; column-gap: 24px; align-items: start; }
.cot-has-head > * { grid-column: 1 / -1; min-width: 0; }
.cot-has-head > .cot-head-t { order: 0; }
.cot-has-head > .cot-head-l { order: 1; }
.cot-has-head > .cot-car, .cot-has-head > .cot-grid, .cot-has-head > .cot-empty { order: 2; }
.cot-has-head > .cot-pagination { order: 3; }
.cot-wrap .cot-head-t { font-size: 28px; line-height: 1.2; font-weight: 700; color: var(--cot-head); }
.cot-head-l { display: flex; }
.cot-wrap .cot-head-link { display: inline-flex; align-items: center; gap: 4px; font-size: 14px; line-height: 1.3; color: var(--cot-head-link); text-decoration: none; border: 1px solid transparent; transition: color .2s ease, background-color .2s ease, border-color .2s ease; }
.cot-wrap .cot-head-link:hover, .cot-wrap .cot-head-link:focus { color: var(--cot-head-link-h); text-decoration: none; }
.cot-wrap .cot-head-link svg { flex: none; transition: transform .2s ease; }
.cot-wrap .cot-head-link:hover svg { transform: translateX(3px); }
/* Estilos de botão */
.cot-wrap { --cot-head-link-bg: var(--cot-head); --cot-head-link-bg-h: var(--cot-head); }
.cot-hlink-contorno .cot-wrap .cot-head-link { padding: 9px 16px; border-radius: 999px; border-color: var(--cot-head-link-bg); }
.cot-hlink-contorno .cot-wrap .cot-head-link:hover { border-color: var(--cot-head-link-bg-h); }
:where(.cot-hlink-cheio) .cot-wrap { --cot-head-link: #fff; --cot-head-link-h: #fff; }
.cot-hlink-cheio .cot-wrap .cot-head-link { padding: 10px 18px; border-radius: 999px; background: var(--cot-head-link-bg); border-color: var(--cot-head-link-bg); }
.cot-hlink-cheio .cot-wrap .cot-head-link:hover { background: var(--cot-head-link-bg-h); border-color: var(--cot-head-link-bg-h); }

@media (min-width: 1025px) {
	/* Mesma linha do título */
	.cot-lpos-d-lado > .cot-head-t { grid-column: 1; margin-bottom: var(--cot-head-space); align-self: var(--cot-head-valign); }
	.cot-lpos-d-lado > .cot-head-l { grid-column: 2; margin-bottom: var(--cot-head-space); align-self: var(--cot-head-valign); justify-self: end; }
	.cot-lpos-d-lado > .cot-head-l:only-child, .cot-lpos-d-lado > .cot-head-l:first-child { grid-column: 1 / -1; }
	/* Embaixo do título */
	.cot-lpos-d-abaixo > .cot-head-t { margin-bottom: var(--cot-link-space); }
	.cot-lpos-d-abaixo > .cot-head-l { margin-bottom: var(--cot-head-space); justify-self: start; }
	/* Embaixo dos cards */
	.cot-lpos-d-depois > .cot-head-t { margin-bottom: var(--cot-head-space); }
	.cot-lpos-d-depois > .cot-head-l { order: 4; margin-top: var(--cot-link-space); justify-self: center; }
}

@media (min-width: 768px) and (max-width: 1024px) {
	/* Mesma linha do título */
	.cot-lpos-t-lado > .cot-head-t { grid-column: 1; margin-bottom: var(--cot-head-space); align-self: var(--cot-head-valign); }
	.cot-lpos-t-lado > .cot-head-l { grid-column: 2; margin-bottom: var(--cot-head-space); align-self: var(--cot-head-valign); justify-self: end; }
	.cot-lpos-t-lado > .cot-head-l:only-child, .cot-lpos-t-lado > .cot-head-l:first-child { grid-column: 1 / -1; }
	/* Embaixo do título */
	.cot-lpos-t-abaixo > .cot-head-t { margin-bottom: var(--cot-link-space); }
	.cot-lpos-t-abaixo > .cot-head-l { margin-bottom: var(--cot-head-space); justify-self: start; }
	/* Embaixo dos cards */
	.cot-lpos-t-depois > .cot-head-t { margin-bottom: var(--cot-head-space); }
	.cot-lpos-t-depois > .cot-head-l { order: 4; margin-top: var(--cot-link-space); justify-self: center; }
}

@media (max-width: 767px) {
	/* Mesma linha do título */
	.cot-lpos-m-lado > .cot-head-t { grid-column: 1; margin-bottom: var(--cot-head-space); align-self: var(--cot-head-valign); }
	.cot-lpos-m-lado > .cot-head-l { grid-column: 2; margin-bottom: var(--cot-head-space); align-self: var(--cot-head-valign); justify-self: end; }
	.cot-lpos-m-lado > .cot-head-l:only-child, .cot-lpos-m-lado > .cot-head-l:first-child { grid-column: 1 / -1; }
	/* Embaixo do título */
	.cot-lpos-m-abaixo > .cot-head-t { margin-bottom: var(--cot-link-space); }
	.cot-lpos-m-abaixo > .cot-head-l { margin-bottom: var(--cot-head-space); justify-self: start; }
	/* Embaixo dos cards */
	.cot-lpos-m-depois > .cot-head-t { margin-bottom: var(--cot-head-space); }
	.cot-lpos-m-depois > .cot-head-l { order: 4; margin-top: var(--cot-link-space); justify-self: center; }
}

/* ==========================================================
   01 · RESULTADO DE PESQUISA
   ========================================================== */
.cot-model-pesquisa .cot-card { background: var(--cot-card-bg); border-radius: var(--cot-radius); overflow: hidden; }
.cot-model-pesquisa .cot-body { flex: 1; padding: 20px 22px 26px; }
.cot-wrap.cot-model-pesquisa .cot-cat { font-size: 14px; }
.cot-wrap.cot-model-pesquisa .cot-title { font-size: 22px; line-height: 1.3; }

/* ==========================================================
   02 · SIMPLES (lista)
   ========================================================== */
.cot-model-simples { --cot-cols: 1; --cot-tgap: 10px; --cot-card-bg: transparent; }
.cot-model-simples .cot-grid { column-gap: max(var(--cot-gap), 40px); row-gap: 0; margin-top: calc(-1 * var(--cot-list-space)); }
.cot-model-simples .cot-card { padding: var(--cot-list-space) 0 calc(var(--cot-list-space) + 2px); border-bottom: 1px solid var(--cot-line); background: var(--cot-card-bg); }
.cot-lines- .cot-model-simples .cot-card { border-bottom-color: transparent; }
.cot-wrap.cot-model-simples .cot-cat { font-size: 12.5px; }
.cot-wrap.cot-model-simples .cot-title { font-size: 16px; line-height: 1.4; }

/* ==========================================================
   03 · CATEGORIAS e 05 · DESTAQUE (texto sobre a foto)
   ========================================================== */
.cot-model-categorias { --cot-ratio: 16/9; --cot-radius: 16px; --cot-title: #fff; --cot-meta: rgba(255, 255, 255, .9); --cot-excerpt: rgba(255, 255, 255, .85); --cot-tgap: 6px; }
.cot-model-destaque { --cot-ratio: 20/19; --cot-radius: 16px; --cot-title: #fff; --cot-meta: rgba(255, 255, 255, .9); --cot-excerpt: rgba(255, 255, 255, .85); --cot-ov: rgba(16, 34, 72, .92); --cot-ov-start: 40%; }
.cot-model-categorias .cot-card,
.cot-model-destaque .cot-card {
	width: 100%;
	aspect-ratio: var(--cot-ratio);
	height: var(--cot-img-h, auto);
	min-height: var(--cot-img-minh, 0px);
	border-radius: var(--cot-radius);
	overflow: hidden;
	justify-content: flex-end;
	background: #1b2640;
	isolation: isolate;
}
.cot-model-categorias .cot-thumb,
.cot-model-destaque .cot-thumb { position: absolute; inset: 0; width: auto; min-height: 0; aspect-ratio: auto; height: auto; align-self: stretch; }
.cot-model-categorias .cot-thumb::after,
.cot-model-destaque .cot-thumb::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, transparent var(--cot-ov-start), var(--cot-ov)); pointer-events: none; }
.cot-model-categorias .cot-body,
.cot-model-destaque .cot-body { z-index: 1; pointer-events: none; }
.cot-model-categorias .cot-body a,
.cot-model-destaque .cot-body a { pointer-events: auto; }
.cot-model-categorias .cot-body { padding: 16px 18px 18px; }
.cot-wrap.cot-model-categorias .cot-meta { order: -1; margin: 0; font-size: 11.5px; }
.cot-wrap.cot-model-categorias .cot-meta + .cot-title { margin-top: var(--cot-tgap); }
.cot-wrap.cot-model-categorias .cot-title { font-size: 17px; line-height: 1.3; }
.cot-model-destaque .cot-body { padding: 18px; }
.cot-wrap.cot-model-destaque .cot-title { font-size: 19px; line-height: 1.3; margin-top: 0; }
.cot-wrap.cot-model-destaque .cot-meta { font-size: 11px; margin-top: 10px; }
.cot-wrap.cot-model-destaque .cot-pill { position: absolute; top: var(--cot-pill-pos); left: var(--cot-pill-pos); z-index: 3; max-width: calc(100% - 2 * var(--cot-pill-pos)); padding: 5px 11px; border-radius: 999px; background: var(--cot-pill-bg); color: var(--cot-pill-color); font-size: 12px; line-height: 1.3; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cot-wrap.cot-model-destaque .cot-pill a:hover { color: var(--cot-pill-color); }

/* ==========================================================
   04 · NOVOS ARTIGOS
   ========================================================== */
.cot-model-novos { --cot-tgap: 8px; }
.cot-model-novos .cot-thumb { border-radius: var(--cot-img-radius); }
.cot-model-novos .cot-body { padding: 16px 0 0; }
.cot-wrap.cot-model-novos .cot-cat { font-size: 11.5px; }
.cot-wrap.cot-model-novos .cot-title { font-size: 18px; line-height: 1.35; }

/* ---------- Tablet ---------- */
@media (max-width: 1024px) {
	.cot-wrap { --cot-cols: 2; }
	.cot-wrap.cot-model-simples { --cot-cols: 1; }
	.cot-wrap .cot-head-t { font-size: 24px; }
	.cot-wrap.cot-model-pesquisa .cot-title { font-size: 20px; }
	.cot-model-pesquisa .cot-body { padding: 18px 20px 22px; }
	.cot-wrap.cot-model-destaque .cot-title { font-size: 18px; }
}
/* ---------- Celular ---------- */
@media (max-width: 767px) {
	.cot-wrap { --cot-gap: 18px; --cot-cols: 1; }
	.cot-wrap .cot-head-t { font-size: 22px; }
	.cot-wrap.cot-model-pesquisa .cot-title { font-size: 19px; }
	.cot-wrap.cot-model-pesquisa .cot-cat { font-size: 13px; }
	.cot-model-pesquisa .cot-body { padding: 16px 18px 20px; }
	.cot-wrap.cot-model-novos .cot-title { font-size: 17px; }
	.cot-wrap.cot-model-categorias .cot-title { font-size: 16px; }
	.cot-wrap.cot-model-destaque .cot-title { font-size: 17px; }
	.cot-model-simples .cot-grid { --cot-cols: 1; }
}

.cot-empty { margin: 0; color: var(--cot-muted); }

@media (prefers-reduced-motion: reduce) {
	.cot-wrap .cot-img, .cot-wrap .cot-head-link svg { transition: none; }
}


/* ==========================================================
   CARROSSEL, SETAS E PAGINAÇÃO (mesmo motor do Cards de Artigos)
   ========================================================== */
/* ---------- Setas ---------- */
.cot-wrap {
	--cot-arrow-size: 44px;
	--cot-arrow-icon: 46%;
	--cot-arrow-bg: #fff;
	--cot-arrow-color: var(--cot-accent);
	--cot-arrow-border: var(--cot-line);
	--cot-arrow-bg-h: var(--cot-arrow-bg);
	--cot-arrow-color-h: var(--cot-arrow-color);
	--cot-arrow-x: 0px;
}
.cot-car { position: relative; display: flex; flex-direction: column; }
.cot-car > .cot-grid { order: 0; }
.cot-arrows {
	display: flex;
	justify-content: flex-end;
	gap: 10px;
}
.cot-wrap { --cot-arrow-gap: 18px; --cot-arrow-radius: 50%; }
.cot-arrow--next svg { transform: scaleX(-1); }

/* Formatos do botão */
.cot-wrap.cot-ashape-arredondado { --cot-arrow-radius: 12px; }
.cot-wrap.cot-ashape-quadrado { --cot-arrow-radius: 0px; }
.cot-wrap.cot-ashape-sem-fundo {
	--cot-arrow-bg: transparent;
	--cot-arrow-bg-h: transparent;
	--cot-arrow-border: transparent;
	--cot-arrow-icon: 62%;
}
.cot-arrow-shadow-yes .cot-wrap .cot-arrow { box-shadow: 0 4px 14px rgba(0, 0, 0, .12); }

/* Reset completo: temas e o Elementor estilizam <button> (padding, fonte, borda, hover) */
.cot-wrap .cot-arrow {
	-webkit-appearance: none;
	appearance: none;
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: none;
	width: var(--cot-arrow-size);
	height: var(--cot-arrow-size);
	min-width: 0;
	min-height: 0;
	margin: 0;
	padding: 0;
	border: 1px solid var(--cot-arrow-border);
	border-radius: var(--cot-arrow-radius);
	background: var(--cot-arrow-bg);
	color: var(--cot-arrow-color);
	box-shadow: none;
	font-size: 0;
	line-height: 0;
	letter-spacing: 0;
	text-transform: none;
	text-decoration: none;
	cursor: pointer;
	transition: opacity .2s ease, scale .2s ease, background-color .2s ease, color .2s ease, border-color .2s ease;
}
.cot-wrap .cot-arrow svg {
	display: block;
	width: var(--cot-arrow-icon);
	height: var(--cot-arrow-icon);
	pointer-events: none;
}
.cot-wrap .cot-arrow:hover,
.cot-wrap .cot-arrow:focus,
.cot-wrap .cot-arrow:active {
	background: var(--cot-arrow-bg-h);
	color: var(--cot-arrow-color-h);
	border-color: var(--cot-arrow-border);
	outline: none;
}
.cot-wrap .cot-arrow:hover { scale: 1.06; }
.cot-wrap .cot-arrow:focus-visible { outline: 2px solid var(--cot-arrow-color); outline-offset: 3px; }
.cot-wrap .cot-arrow[disabled] { opacity: .35; cursor: default; scale: 1; }



/* ==========================================================
   PAGINAÇÃO
   ========================================================== */
.cot-pagination {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: 6px;
	margin-top: 36px;
}
.cot-pagination a,
.cot-pagination span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 38px;
	height: 38px;
	padding: 0 10px;
	border-radius: 8px;
	color: var(--cot-pag);
	text-decoration: none;
	font-size: 14px;
	font-weight: 600;
	transition: background-color .2s ease;
}
.cot-pagination a:hover { background: rgba(0,0,0,.05); }
.cot-pagination .cot-current { background: var(--cot-pag-active); color: #fff; }
.cot-pagination .cot-ellipsis { min-width: auto; padding: 0 2px; }
.cot-wrap .cot-loadmore {
	appearance: none;
	border: 1.5px solid var(--cot-pag-active);
	background: transparent;
	color: var(--cot-pag-active);
	padding: 12px 26px;
	border-radius: 999px;
	font-size: 14px;
	font-weight: 600;
	cursor: pointer;
	transition: background-color .2s ease, color .2s ease;
}
.cot-wrap .cot-loadmore:hover { background: var(--cot-pag-active); color: #fff; }
.cot-wrap .cot-loadmore.is-loading { opacity: .6; pointer-events: none; }

.cot-empty { margin: 0; color: var(--cot-muted); }


@media (max-width: 767px) {
	.cot-wrap { --cot-arrow-size: 38px; }
}

/* ==========================================================
   CARROSSEL E SETAS POR APARELHO
   d = computador (≥1025px), t = tablet (768–1024px), m = celular (≤767px)
   ========================================================== */
@media (min-width: 1025px) {
	.cot-mode-d-carrossel .cot-grid {
		grid-template-columns: none;
		grid-auto-flow: column;
		grid-auto-columns: calc((100% - (var(--cot-cols) - 1) * var(--cot-gap)) / var(--cot-cols));
		overflow-x: auto;
		scroll-snap-type: x mandatory;
		scroll-behavior: smooth;
		overscroll-behavior-x: contain;
		scrollbar-width: none;
		padding: 6px 2px 14px;
		margin: -6px -2px -14px;
	}
	.cot-mode-d-carrossel.cot-peek .cot-grid { grid-auto-columns: calc((100% - var(--cot-cols) * var(--cot-gap)) / (var(--cot-cols) + .25)); }
	.cot-mode-d-carrossel .cot-grid::-webkit-scrollbar { display: none; }
	.cot-mode-d-carrossel .cot-card { scroll-snap-align: start; }
	.cot-mode-d-carrossel .cot-pagination { display: none; }

	/* Posição das setas */
	.cot-apos-d-topo .cot-arrows { order: -1; position: static; margin: 0 0 var(--cot-arrow-gap); }
	.cot-apos-d-baixo .cot-arrows { order: 1; position: static; margin: var(--cot-arrow-gap) 0 0; justify-content: center; }
	.cot-apos-d-dentro .cot-arrows,
	.cot-apos-d-lados .cot-arrows,
	.cot-apos-d-fora .cot-arrows {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		margin: 0;
		pointer-events: none;
		z-index: 4;
	}
	.cot-apos-d-dentro .cot-arrow,
	.cot-apos-d-lados .cot-arrow,
	.cot-apos-d-fora .cot-arrow {
		position: absolute;
		top: 50%;
		translate: 0 -50%;
		pointer-events: auto;
	}
	.cot-apos-d-lados .cot-arrow--prev { left: var(--cot-arrow-x); }
	.cot-apos-d-lados .cot-arrow--next { right: var(--cot-arrow-x); }
	.cot-apos-d-dentro .cot-arrow--prev { left: calc(var(--cot-arrow-in, 14px) + var(--cot-arrow-x)); }
	.cot-apos-d-dentro .cot-arrow--next { right: calc(var(--cot-arrow-in, 14px) + var(--cot-arrow-x)); }
	.cot-apos-d-fora .cot-arrow--prev { left: var(--cot-arrow-x); }
	.cot-apos-d-fora .cot-arrow--next { right: var(--cot-arrow-x); }
	.cot-apos-d-dentro.cot-ashape-circulo .cot-arrow,
	.cot-apos-d-dentro.cot-ashape-arredondado .cot-arrow,
	.cot-apos-d-dentro.cot-ashape-quadrado .cot-arrow,
	.cot-apos-d-lados.cot-ashape-circulo .cot-arrow,
	.cot-apos-d-lados.cot-ashape-arredondado .cot-arrow,
	.cot-apos-d-lados.cot-ashape-quadrado .cot-arrow { box-shadow: 0 4px 14px rgba(0, 0, 0, .12); }

	/* Grade neste aparelho: sem setas */
	.cot-wrap.cot-mode-d-grade .cot-arrows { display: none; }
}
@media (min-width: 768px) and (max-width: 1024px) {
	.cot-mode-t-carrossel .cot-grid {
		grid-template-columns: none;
		grid-auto-flow: column;
		grid-auto-columns: calc((100% - (var(--cot-cols) - 1) * var(--cot-gap)) / var(--cot-cols));
		overflow-x: auto;
		scroll-snap-type: x mandatory;
		scroll-behavior: smooth;
		overscroll-behavior-x: contain;
		scrollbar-width: none;
		padding: 6px 2px 14px;
		margin: -6px -2px -14px;
	}
	.cot-mode-t-carrossel.cot-peek .cot-grid { grid-auto-columns: calc((100% - var(--cot-cols) * var(--cot-gap)) / (var(--cot-cols) + .25)); }
	.cot-mode-t-carrossel .cot-grid::-webkit-scrollbar { display: none; }
	.cot-mode-t-carrossel .cot-card { scroll-snap-align: start; }
	.cot-mode-t-carrossel .cot-pagination { display: none; }

	/* Posição das setas */
	.cot-apos-t-topo .cot-arrows { order: -1; position: static; margin: 0 0 var(--cot-arrow-gap); }
	.cot-apos-t-baixo .cot-arrows { order: 1; position: static; margin: var(--cot-arrow-gap) 0 0; justify-content: center; }
	.cot-apos-t-dentro .cot-arrows,
	.cot-apos-t-lados .cot-arrows,
	.cot-apos-t-fora .cot-arrows {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		margin: 0;
		pointer-events: none;
		z-index: 4;
	}
	.cot-apos-t-dentro .cot-arrow,
	.cot-apos-t-lados .cot-arrow,
	.cot-apos-t-fora .cot-arrow {
		position: absolute;
		top: 50%;
		translate: 0 -50%;
		pointer-events: auto;
	}
	.cot-apos-t-lados .cot-arrow--prev { left: var(--cot-arrow-x); }
	.cot-apos-t-lados .cot-arrow--next { right: var(--cot-arrow-x); }
	.cot-apos-t-dentro .cot-arrow--prev { left: calc(var(--cot-arrow-in, 14px) + var(--cot-arrow-x)); }
	.cot-apos-t-dentro .cot-arrow--next { right: calc(var(--cot-arrow-in, 14px) + var(--cot-arrow-x)); }
	.cot-apos-t-fora .cot-arrow--prev { left: var(--cot-arrow-x); }
	.cot-apos-t-fora .cot-arrow--next { right: var(--cot-arrow-x); }
	.cot-apos-t-dentro.cot-ashape-circulo .cot-arrow,
	.cot-apos-t-dentro.cot-ashape-arredondado .cot-arrow,
	.cot-apos-t-dentro.cot-ashape-quadrado .cot-arrow,
	.cot-apos-t-lados.cot-ashape-circulo .cot-arrow,
	.cot-apos-t-lados.cot-ashape-arredondado .cot-arrow,
	.cot-apos-t-lados.cot-ashape-quadrado .cot-arrow { box-shadow: 0 4px 14px rgba(0, 0, 0, .12); }

	/* Grade neste aparelho: sem setas */
	.cot-wrap.cot-mode-t-grade .cot-arrows { display: none; }
}
@media (max-width: 767px) {
	.cot-mode-m-carrossel .cot-grid {
		grid-template-columns: none;
		grid-auto-flow: column;
		grid-auto-columns: calc((100% - (var(--cot-cols) - 1) * var(--cot-gap)) / var(--cot-cols));
		overflow-x: auto;
		scroll-snap-type: x mandatory;
		scroll-behavior: smooth;
		overscroll-behavior-x: contain;
		scrollbar-width: none;
		padding: 6px 2px 14px;
		margin: -6px -2px -14px;
	}
	.cot-mode-m-carrossel.cot-peek .cot-grid { grid-auto-columns: 82%; }
	.cot-mode-m-carrossel .cot-grid::-webkit-scrollbar { display: none; }
	.cot-mode-m-carrossel .cot-card { scroll-snap-align: start; }
	.cot-mode-m-carrossel .cot-pagination { display: none; }

	/* Posição das setas */
	.cot-apos-m-topo .cot-arrows { order: -1; position: static; margin: 0 0 var(--cot-arrow-gap); }
	.cot-apos-m-baixo .cot-arrows { order: 1; position: static; margin: var(--cot-arrow-gap) 0 0; justify-content: center; }
	.cot-apos-m-dentro .cot-arrows,
	.cot-apos-m-lados .cot-arrows,
	.cot-apos-m-fora .cot-arrows {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		margin: 0;
		pointer-events: none;
		z-index: 4;
	}
	.cot-apos-m-dentro .cot-arrow,
	.cot-apos-m-lados .cot-arrow,
	.cot-apos-m-fora .cot-arrow {
		position: absolute;
		top: 50%;
		translate: 0 -50%;
		pointer-events: auto;
	}
	.cot-apos-m-lados .cot-arrow--prev { left: var(--cot-arrow-x); }
	.cot-apos-m-lados .cot-arrow--next { right: var(--cot-arrow-x); }
	.cot-apos-m-dentro .cot-arrow--prev { left: calc(var(--cot-arrow-in, 14px) + var(--cot-arrow-x)); }
	.cot-apos-m-dentro .cot-arrow--next { right: calc(var(--cot-arrow-in, 14px) + var(--cot-arrow-x)); }
	.cot-apos-m-fora .cot-arrow--prev { left: var(--cot-arrow-x); }
	.cot-apos-m-fora .cot-arrow--next { right: var(--cot-arrow-x); }
	.cot-apos-m-dentro.cot-ashape-circulo .cot-arrow,
	.cot-apos-m-dentro.cot-ashape-arredondado .cot-arrow,
	.cot-apos-m-dentro.cot-ashape-quadrado .cot-arrow,
	.cot-apos-m-lados.cot-ashape-circulo .cot-arrow,
	.cot-apos-m-lados.cot-ashape-arredondado .cot-arrow,
	.cot-apos-m-lados.cot-ashape-quadrado .cot-arrow { box-shadow: 0 4px 14px rgba(0, 0, 0, .12); }

	/* Grade neste aparelho: sem setas */
	.cot-wrap.cot-mode-m-grade .cot-arrows { display: none; }
}

/* ==========================================================
   CARDS ALÉM DA LARGURA DO WIDGET (até a borda da tela)
   --cot-bleed-l / --cot-bleed-r são medidos pelo JS.
   ========================================================== */
@media (min-width: 1025px) {
	.cot-mode-d-carrossel.cot-bleed-d-direita .cot-grid {
		margin-right: calc(-1 * var(--cot-bleed-r, 0px));
	}
	.cot-mode-d-carrossel.cot-bleed-d-ambos .cot-grid {
		margin-left: calc(-1 * var(--cot-bleed-l, 0px));
		margin-right: calc(-1 * var(--cot-bleed-r, 0px));
		padding-left: var(--cot-bleed-l, 0px);
		scroll-padding-left: var(--cot-bleed-l, 0px);
	}
}
@media (min-width: 768px) and (max-width: 1024px) {
	.cot-mode-t-carrossel.cot-bleed-t-direita .cot-grid {
		margin-right: calc(-1 * var(--cot-bleed-r, 0px));
	}
	.cot-mode-t-carrossel.cot-bleed-t-ambos .cot-grid {
		margin-left: calc(-1 * var(--cot-bleed-l, 0px));
		margin-right: calc(-1 * var(--cot-bleed-r, 0px));
		padding-left: var(--cot-bleed-l, 0px);
		scroll-padding-left: var(--cot-bleed-l, 0px);
	}
}
@media (max-width: 767px) {
	.cot-mode-m-carrossel.cot-bleed-m-direita .cot-grid {
		margin-right: calc(-1 * var(--cot-bleed-r, 0px));
	}
	.cot-mode-m-carrossel.cot-bleed-m-ambos .cot-grid {
		margin-left: calc(-1 * var(--cot-bleed-l, 0px));
		margin-right: calc(-1 * var(--cot-bleed-r, 0px));
		padding-left: var(--cot-bleed-l, 0px);
		scroll-padding-left: var(--cot-bleed-l, 0px);
	}
}

/* Largura dos cards continua baseada na largura do widget (não da tela) */
@media (min-width: 1025px) {
	.cot-mode-d-carrossel.cot-bleed-d-direita .cot-grid,
	.cot-mode-d-carrossel.cot-bleed-d-ambos .cot-grid {
		grid-auto-columns: calc((100% - var(--cot-bleed-r, 0px) - (var(--cot-cols) - 1) * var(--cot-gap)) / var(--cot-cols));
	}
	.cot-mode-d-carrossel.cot-peek.cot-bleed-d-direita .cot-grid,
	.cot-mode-d-carrossel.cot-peek.cot-bleed-d-ambos .cot-grid {
		grid-auto-columns: calc((100% - var(--cot-bleed-r, 0px) - var(--cot-cols) * var(--cot-gap)) / (var(--cot-cols) + .25));
	}
}
@media (min-width: 768px) and (max-width: 1024px) {
	.cot-mode-t-carrossel.cot-bleed-t-direita .cot-grid,
	.cot-mode-t-carrossel.cot-bleed-t-ambos .cot-grid {
		grid-auto-columns: calc((100% - var(--cot-bleed-r, 0px) - (var(--cot-cols) - 1) * var(--cot-gap)) / var(--cot-cols));
	}
	.cot-mode-t-carrossel.cot-peek.cot-bleed-t-direita .cot-grid,
	.cot-mode-t-carrossel.cot-peek.cot-bleed-t-ambos .cot-grid {
		grid-auto-columns: calc((100% - var(--cot-bleed-r, 0px) - var(--cot-cols) * var(--cot-gap)) / (var(--cot-cols) + .25));
	}
}
@media (max-width: 767px) {
	.cot-mode-m-carrossel.cot-bleed-m-direita .cot-grid,
	.cot-mode-m-carrossel.cot-bleed-m-ambos .cot-grid {
		grid-auto-columns: calc((100% - var(--cot-bleed-r, 0px) - (var(--cot-cols) - 1) * var(--cot-gap)) / var(--cot-cols));
	}
	.cot-mode-m-carrossel.cot-peek.cot-bleed-m-direita .cot-grid,
	.cot-mode-m-carrossel.cot-peek.cot-bleed-m-ambos .cot-grid {
		grid-auto-columns: calc((100% - var(--cot-bleed-r, 0px)) * .82);
	}
}

/* ==========================================================
   SETAS NAS LATERAIS + CARDS ATÉ A BORDA DA TELA
   As setas acompanham a borda visível do carrossel.
   ========================================================== */
@media (min-width: 1025px) {
	.cot-mode-d-carrossel.cot-apos-d-dentro.cot-bleed-d-direita .cot-arrow--next,
	.cot-mode-d-carrossel.cot-apos-d-dentro.cot-bleed-d-ambos .cot-arrow--next,
	.cot-mode-d-carrossel.cot-apos-d-lados.cot-bleed-d-direita .cot-arrow--next,
	.cot-mode-d-carrossel.cot-apos-d-lados.cot-bleed-d-ambos .cot-arrow--next,
	.cot-mode-d-carrossel.cot-apos-d-fora.cot-bleed-d-direita .cot-arrow--next,
	.cot-mode-d-carrossel.cot-apos-d-fora.cot-bleed-d-ambos .cot-arrow--next {
		right: calc(var(--cot-arrow-x) - var(--cot-bleed-r, 0px));
	}
	.cot-mode-d-carrossel.cot-apos-d-dentro.cot-bleed-d-ambos .cot-arrow--prev,
	.cot-mode-d-carrossel.cot-apos-d-lados.cot-bleed-d-ambos .cot-arrow--prev,
	.cot-mode-d-carrossel.cot-apos-d-fora.cot-bleed-d-ambos .cot-arrow--prev {
		left: calc(var(--cot-arrow-x) - var(--cot-bleed-l, 0px));
	}
}
@media (min-width: 768px) and (max-width: 1024px) {
	.cot-mode-t-carrossel.cot-apos-t-dentro.cot-bleed-t-direita .cot-arrow--next,
	.cot-mode-t-carrossel.cot-apos-t-dentro.cot-bleed-t-ambos .cot-arrow--next,
	.cot-mode-t-carrossel.cot-apos-t-lados.cot-bleed-t-direita .cot-arrow--next,
	.cot-mode-t-carrossel.cot-apos-t-lados.cot-bleed-t-ambos .cot-arrow--next,
	.cot-mode-t-carrossel.cot-apos-t-fora.cot-bleed-t-direita .cot-arrow--next,
	.cot-mode-t-carrossel.cot-apos-t-fora.cot-bleed-t-ambos .cot-arrow--next {
		right: calc(var(--cot-arrow-x) - var(--cot-bleed-r, 0px));
	}
	.cot-mode-t-carrossel.cot-apos-t-dentro.cot-bleed-t-ambos .cot-arrow--prev,
	.cot-mode-t-carrossel.cot-apos-t-lados.cot-bleed-t-ambos .cot-arrow--prev,
	.cot-mode-t-carrossel.cot-apos-t-fora.cot-bleed-t-ambos .cot-arrow--prev {
		left: calc(var(--cot-arrow-x) - var(--cot-bleed-l, 0px));
	}
}
@media (max-width: 767px) {
	.cot-mode-m-carrossel.cot-apos-m-dentro.cot-bleed-m-direita .cot-arrow--next,
	.cot-mode-m-carrossel.cot-apos-m-dentro.cot-bleed-m-ambos .cot-arrow--next,
	.cot-mode-m-carrossel.cot-apos-m-lados.cot-bleed-m-direita .cot-arrow--next,
	.cot-mode-m-carrossel.cot-apos-m-lados.cot-bleed-m-ambos .cot-arrow--next,
	.cot-mode-m-carrossel.cot-apos-m-fora.cot-bleed-m-direita .cot-arrow--next,
	.cot-mode-m-carrossel.cot-apos-m-fora.cot-bleed-m-ambos .cot-arrow--next {
		right: calc(var(--cot-arrow-x) - var(--cot-bleed-r, 0px));
	}
	.cot-mode-m-carrossel.cot-apos-m-dentro.cot-bleed-m-ambos .cot-arrow--prev,
	.cot-mode-m-carrossel.cot-apos-m-lados.cot-bleed-m-ambos .cot-arrow--prev,
	.cot-mode-m-carrossel.cot-apos-m-fora.cot-bleed-m-ambos .cot-arrow--prev {
		left: calc(var(--cot-arrow-x) - var(--cot-bleed-l, 0px));
	}
}

/* Seta inativa (início/fim do carrossel): apagada (padrão) ou escondida */
.cot-wrap.cot-ainactive-escondida .cot-arrow[disabled] { opacity: 0; pointer-events: none; }

/* ==========================================================
   SETAS "NAS LATERAIS, POR DENTRO"
   Os cards encolhem meia seta de cada lado: a seta fica com o
   centro na borda do card (metade dentro, metade fora), tudo
   dentro da área do widget.
   ========================================================== */
@media (min-width: 1025px) {
	.cot-wrap.cot-mode-d-carrossel.cot-apos-d-lados .cot-car > .cot-grid {
		margin-left: calc(var(--cot-arrow-size) / 2);
		margin-right: calc(var(--cot-arrow-size) / 2);
	}
	.cot-wrap.cot-mode-d-carrossel.cot-apos-d-lados.cot-bleed-d-direita .cot-car > .cot-grid {
		margin-right: calc(-1 * var(--cot-bleed-r, 0px));
	}
	.cot-wrap.cot-mode-d-carrossel.cot-apos-d-lados.cot-bleed-d-ambos .cot-car > .cot-grid {
		margin-left: calc(-1 * var(--cot-bleed-l, 0px));
		margin-right: calc(-1 * var(--cot-bleed-r, 0px));
	}
	.cot-wrap.cot-mode-d-carrossel.cot-apos-d-lados.cot-bleed-d-direita .cot-car > .cot-grid {
		grid-auto-columns: calc((100% - var(--cot-bleed-r, 0px) - (var(--cot-cols) - 1) * var(--cot-gap)) / var(--cot-cols));
	}
	.cot-wrap.cot-mode-d-carrossel.cot-apos-d-lados.cot-peek.cot-bleed-d-direita .cot-car > .cot-grid,
	.cot-wrap.cot-mode-d-carrossel.cot-apos-d-lados.cot-peek.cot-bleed-d-ambos .cot-car > .cot-grid {
		grid-auto-columns: calc((100% - var(--cot-bleed-r, 0px) - var(--cot-cols) * var(--cot-gap)) / (var(--cot-cols) + .25));
	}
}
@media (min-width: 768px) and (max-width: 1024px) {
	.cot-wrap.cot-mode-t-carrossel.cot-apos-t-lados .cot-car > .cot-grid {
		margin-left: calc(var(--cot-arrow-size) / 2);
		margin-right: calc(var(--cot-arrow-size) / 2);
	}
	.cot-wrap.cot-mode-t-carrossel.cot-apos-t-lados.cot-bleed-t-direita .cot-car > .cot-grid {
		margin-right: calc(-1 * var(--cot-bleed-r, 0px));
	}
	.cot-wrap.cot-mode-t-carrossel.cot-apos-t-lados.cot-bleed-t-ambos .cot-car > .cot-grid {
		margin-left: calc(-1 * var(--cot-bleed-l, 0px));
		margin-right: calc(-1 * var(--cot-bleed-r, 0px));
	}
	.cot-wrap.cot-mode-t-carrossel.cot-apos-t-lados.cot-bleed-t-direita .cot-car > .cot-grid {
		grid-auto-columns: calc((100% - var(--cot-bleed-r, 0px) - (var(--cot-cols) - 1) * var(--cot-gap)) / var(--cot-cols));
	}
	.cot-wrap.cot-mode-t-carrossel.cot-apos-t-lados.cot-peek.cot-bleed-t-direita .cot-car > .cot-grid,
	.cot-wrap.cot-mode-t-carrossel.cot-apos-t-lados.cot-peek.cot-bleed-t-ambos .cot-car > .cot-grid {
		grid-auto-columns: calc((100% - var(--cot-bleed-r, 0px) - var(--cot-cols) * var(--cot-gap)) / (var(--cot-cols) + .25));
	}
}
@media (max-width: 767px) {
	.cot-wrap.cot-mode-m-carrossel.cot-apos-m-lados .cot-car > .cot-grid {
		margin-left: calc(var(--cot-arrow-size) / 2);
		margin-right: calc(var(--cot-arrow-size) / 2);
	}
	.cot-wrap.cot-mode-m-carrossel.cot-apos-m-lados.cot-bleed-m-direita .cot-car > .cot-grid {
		margin-right: calc(-1 * var(--cot-bleed-r, 0px));
	}
	.cot-wrap.cot-mode-m-carrossel.cot-apos-m-lados.cot-bleed-m-ambos .cot-car > .cot-grid {
		margin-left: calc(-1 * var(--cot-bleed-l, 0px));
		margin-right: calc(-1 * var(--cot-bleed-r, 0px));
	}
	.cot-wrap.cot-mode-m-carrossel.cot-apos-m-lados.cot-bleed-m-direita .cot-car > .cot-grid {
		grid-auto-columns: calc((100% - var(--cot-bleed-r, 0px) - (var(--cot-cols) - 1) * var(--cot-gap)) / var(--cot-cols));
	}
	.cot-wrap.cot-mode-m-carrossel.cot-apos-m-lados.cot-peek.cot-bleed-m-direita .cot-car > .cot-grid,
	.cot-wrap.cot-mode-m-carrossel.cot-apos-m-lados.cot-peek.cot-bleed-m-ambos .cot-car > .cot-grid {
		grid-auto-columns: calc((100% - var(--cot-bleed-r, 0px)) * .82);
	}
}

/* Setas por dentro: a borda do card fica exatamente no meio da seta.
   (sem o respiro lateral de 2px e sem o "pedaço do próximo card" nas pontas) */
@media (min-width: 1025px) {
	.cot-wrap.cot-mode-d-carrossel.cot-apos-d-lados .cot-car > .cot-grid {
		padding-left: 0;
		padding-right: 0;
	}
	.cot-wrap.cot-mode-d-carrossel.cot-apos-d-lados.cot-bleed-d-nao .cot-car > .cot-grid,
	.cot-wrap.cot-mode-d-carrossel.cot-apos-d-lados.cot-peek.cot-bleed-d-nao .cot-car > .cot-grid {
		grid-auto-columns: calc((100% - (var(--cot-cols) - 1) * var(--cot-gap)) / var(--cot-cols));
	}
	.cot-wrap.cot-mode-d-carrossel.cot-apos-d-lados.cot-bleed-d-ambos .cot-car > .cot-grid {
		padding-left: var(--cot-bleed-l, 0px);
	}
}
@media (min-width: 768px) and (max-width: 1024px) {
	.cot-wrap.cot-mode-t-carrossel.cot-apos-t-lados .cot-car > .cot-grid {
		padding-left: 0;
		padding-right: 0;
	}
	.cot-wrap.cot-mode-t-carrossel.cot-apos-t-lados.cot-bleed-t-nao .cot-car > .cot-grid,
	.cot-wrap.cot-mode-t-carrossel.cot-apos-t-lados.cot-peek.cot-bleed-t-nao .cot-car > .cot-grid {
		grid-auto-columns: calc((100% - (var(--cot-cols) - 1) * var(--cot-gap)) / var(--cot-cols));
	}
	.cot-wrap.cot-mode-t-carrossel.cot-apos-t-lados.cot-bleed-t-ambos .cot-car > .cot-grid {
		padding-left: var(--cot-bleed-l, 0px);
	}
}
@media (max-width: 767px) {
	.cot-wrap.cot-mode-m-carrossel.cot-apos-m-lados .cot-car > .cot-grid {
		padding-left: 0;
		padding-right: 0;
	}
	.cot-wrap.cot-mode-m-carrossel.cot-apos-m-lados.cot-bleed-m-nao .cot-car > .cot-grid,
	.cot-wrap.cot-mode-m-carrossel.cot-apos-m-lados.cot-peek.cot-bleed-m-nao .cot-car > .cot-grid {
		grid-auto-columns: calc((100% - (var(--cot-cols) - 1) * var(--cot-gap)) / var(--cot-cols));
	}
	.cot-wrap.cot-mode-m-carrossel.cot-apos-m-lados.cot-bleed-m-ambos .cot-car > .cot-grid {
		padding-left: var(--cot-bleed-l, 0px);
	}
}

/* v1.11 BLOCK */
/* ==========================================================
   v1.11 · SETAS DENTRO / FORA (sem sair do widget),
   PAGINAÇÃO EM BOLINHAS E SETAS + PAGINAÇÃO JUNTAS
   ========================================================== */
.cot-wrap {
	--cot-dot-on: var(--cot-gold, var(--cot-accent));
	--cot-dot: color-mix(in srgb, var(--cot-dot-on) 26%, transparent);
	--cot-dot-speed: 350ms;
	--cot-dots-space: 22px;
}
.cot-dots { order: 2; display: flex; align-items: center; justify-content: center; gap: var(--cot-dot-gap, 8px); margin-top: var(--cot-dots-space); min-height: 18px; }
.cot-dots.is-single { visibility: hidden; }
.cot-wrap .cot-dots .cot-dot {
	-webkit-appearance: none; appearance: none;
	position: relative; display: block; flex: none;
	margin: 0; padding: 0; min-width: 0; min-height: 0;
	border: 0; border-radius: 999px; box-shadow: none; outline: none;
	background: var(--cot-dot); color: var(--cot-dot-on);
	font: inherit; font-size: 0; line-height: 0; letter-spacing: 0; text-transform: none;
	cursor: pointer;
	transition: width var(--cot-dot-speed) ease, background-color var(--cot-dot-speed) ease, border-color var(--cot-dot-speed) ease, opacity var(--cot-dot-speed) ease, transform var(--cot-dot-speed) ease;
}
.cot-wrap .cot-dots .cot-dot::after { content: ""; position: absolute; inset: -8px -3px; }
.cot-wrap .cot-dots .cot-dot:hover, .cot-wrap .cot-dots .cot-dot:focus { background: var(--cot-dot); color: var(--cot-dot-on); }
.cot-wrap .cot-dots .cot-dot.is-active, .cot-wrap .cot-dots .cot-dot.is-active:hover { background: var(--cot-dot-on); }
.cot-wrap .cot-dots .cot-dot:focus-visible { outline: 2px solid var(--cot-dot-on); outline-offset: 3px; }

/* 01 Bolinhas · 02 Pílula · 06 Dinâmicas */
.cot-wrap .cot-dots--bolinhas .cot-dot, .cot-wrap .cot-dots--pilula .cot-dot, .cot-wrap .cot-dots--dinamicas .cot-dot { width: var(--cot-dot-size, 9px); height: var(--cot-dot-size, 9px); }
.cot-wrap .cot-dots--pilula .cot-dot.is-active { width: var(--cot-dot-on-w, calc(var(--cot-dot-size, 9px) * 3.4)); }
/* 03 Traços */
.cot-wrap .cot-dots--tracos .cot-dot { width: var(--cot-dash-w, 22px); height: var(--cot-dot-size, 3px); }
.cot-wrap .cot-dots--tracos .cot-dot.is-active { width: var(--cot-dot-on-w, 42px); }
/* 04 Anel */
.cot-wrap .cot-dots--anel .cot-dot,
.cot-wrap .cot-dots--anel .cot-dot:hover,
.cot-wrap .cot-dots--anel .cot-dot:focus { width: calc(var(--cot-dot-size, 7px) * 2.6); height: calc(var(--cot-dot-size, 7px) * 2.6); background: transparent; border: 1.5px solid transparent; }
.cot-wrap .cot-dots--anel .cot-dot::before { content: ""; position: absolute; inset: 0; margin: auto; width: var(--cot-dot-size, 7px); height: var(--cot-dot-size, 7px); border-radius: 50%; background: var(--cot-dot); transition: background-color var(--cot-dot-speed) ease; }
.cot-wrap .cot-dots--anel .cot-dot.is-active, .cot-wrap .cot-dots--anel .cot-dot.is-active:hover { background: transparent; border-color: var(--cot-dot-on); }
.cot-wrap .cot-dots--anel .cot-dot.is-active::before { background: var(--cot-dot-on); }
/* 05 Contorno */
.cot-wrap .cot-dots--contorno .cot-dot,
.cot-wrap .cot-dots--contorno .cot-dot:hover,
.cot-wrap .cot-dots--contorno .cot-dot:focus { width: var(--cot-dot-size, 10px); height: var(--cot-dot-size, 10px); background: transparent; border: 1.5px solid var(--cot-dot-on); opacity: .55; }
.cot-wrap .cot-dots--contorno .cot-dot.is-active, .cot-wrap .cot-dots--contorno .cot-dot.is-active:hover { background: var(--cot-dot-on); opacity: 1; }
/* 06 Dinâmicas: janela de 5 bolinhas que desliza */
.cot-dots-win { overflow: hidden; padding: 4px 0; }
.cot-dots-strip { display: flex; align-items: center; gap: var(--cot-dot-gap, 8px); transition: transform var(--cot-dot-speed) ease; }
.cot-wrap .cot-dots--dinamicas .cot-dot { transform: scale(.45); }
.cot-wrap .cot-dots--dinamicas .cot-dot.is-d2 { transform: scale(.65); }
.cot-wrap .cot-dots--dinamicas .cot-dot.is-d1 { transform: scale(.85); }
.cot-wrap .cot-dots--dinamicas .cot-dot.is-active { transform: scale(1.1); }
/* 07 Barra deslizante · 08 Barra de progresso */
.cot-bar { position: relative; width: var(--cot-bar-w, 180px); max-width: 100%; height: var(--cot-dot-size, 3px); border-radius: 999px; background: var(--cot-dot); cursor: pointer; }
.cot-bar::after { content: ""; position: absolute; inset: -10px 0; }
.cot-bar-fill { position: absolute; top: 0; bottom: 0; left: 0; border-radius: inherit; background: var(--cot-dot-on); transition: left var(--cot-dot-speed) ease, width var(--cot-dot-speed) ease; }
/* 09 Números */
.cot-wrap .cot-dots--numeros { gap: var(--cot-dot-gap, 16px); }
.cot-wrap .cot-dots--numeros .cot-dot,
.cot-wrap .cot-dots--numeros .cot-dot:hover,
.cot-wrap .cot-dots--numeros .cot-dot:focus { width: auto; height: auto; padding: 4px 1px 8px; border-radius: 0; background: transparent; opacity: .45; font-size: 13px; line-height: 1; }
.cot-wrap .cot-dots--numeros .cot-dot:hover { opacity: .8; }
.cot-wrap .cot-dots--numeros .cot-dot-num { display: block; font-size: 13px; font-weight: 500; letter-spacing: .04em; line-height: 1; color: var(--cot-dot-on); font-variant-numeric: tabular-nums; }
.cot-wrap .cot-dots--numeros .cot-dot::before { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 2px; background: var(--cot-dot-on); transform: scaleX(0); transition: transform var(--cot-dot-speed) ease; }
.cot-wrap .cot-dots--numeros .cot-dot.is-active, .cot-wrap .cot-dots--numeros .cot-dot.is-active:hover { background: transparent; opacity: 1; }
.cot-wrap .cot-dots--numeros .cot-dot.is-active::before { transform: scaleX(1); }
/* 10 Fração */
.cot-frac { display: flex; align-items: center; gap: var(--cot-dot-gap, 12px); color: var(--cot-dot-on); line-height: 1; }
.cot-frac-cur { font-family: inherit; font-size: 30px; font-weight: 400; line-height: 1; font-variant-numeric: lining-nums tabular-nums; }
.cot-frac-line { width: 40px; height: 1px; background: currentColor; opacity: .45; }
.cot-frac-tot { font-family: inherit; font-size: 16px; line-height: 1; opacity: .6; font-variant-numeric: lining-nums; }
/* 11 Stories */
.cot-wrap .cot-dots--stories { gap: var(--cot-dot-gap, 6px); }
.cot-wrap .cot-dots--stories .cot-dot,
.cot-wrap .cot-dots--stories .cot-dot.is-active { width: var(--cot-dash-w, 34px); height: var(--cot-dot-size, 3px); overflow: hidden; background: var(--cot-dot); }
.cot-wrap .cot-dots--stories .cot-dot i { position: absolute; left: 0; top: 0; bottom: 0; width: 0; background: var(--cot-dot-on); border-radius: inherit; }
.cot-wrap .cot-dots--stories .cot-dot.is-done i, .cot-wrap .cot-dots--stories .cot-dot.is-active i { width: 100%; }
.cot-wrap[data-autoplay] .cot-dots--stories .cot-dot.is-active i { width: 0; animation: cot-story var(--cot-autoplay, 5000ms) linear forwards; }
.cot-wrap[data-autoplay].is-paused .cot-dots--stories .cot-dot.is-active i { animation-play-state: paused; }
@keyframes cot-story { to { width: 100%; } }

@media (prefers-reduced-motion: reduce) {
	.cot-wrap .cot-dots .cot-dot, .cot-bar-fill, .cot-dots-strip { transition: none; }
}

@media (min-width: 1025px) {
	/* O que aparece neste aparelho */
	.cot-wrap.cot-nav-d-pontos .cot-arrows,
	.cot-wrap.cot-nav-d-nenhum .cot-arrows { display: none; }
	.cot-wrap.cot-nav-d-setas .cot-dots,
	.cot-wrap.cot-nav-d-nenhum .cot-dots,
	.cot-wrap.cot-mode-d-grade .cot-dots { display: none; }

	/* Setas fora: os cards encolhem a seta inteira + a distância (nada sai do widget) */
	.cot-wrap.cot-mode-d-carrossel.cot-apos-d-fora.cot-bleed-d-nao .cot-car > .cot-grid {
		margin-left: calc(var(--cot-arrow-size) + var(--cot-arrow-out, 14px));
		margin-right: calc(var(--cot-arrow-size) + var(--cot-arrow-out, 14px));
	}
	.cot-wrap.cot-mode-d-carrossel.cot-apos-d-fora.cot-bleed-d-direita .cot-car > .cot-grid {
		margin-left: calc(var(--cot-arrow-size) + var(--cot-arrow-out, 14px));
	}

	/* Setas + paginação: barra de controles (paginação à esquerda, setas à direita) */
	.cot-wrap.cot-mode-d-carrossel.cot-apos-d-barra .cot-car {
		display: grid;
		grid-template-columns: minmax(0, 1fr) auto;
		column-gap: 20px;
		align-items: center;
	}
	.cot-wrap.cot-mode-d-carrossel.cot-apos-d-barra .cot-car > .cot-grid { grid-column: 1 / -1; grid-row: 1; }
	.cot-wrap.cot-mode-d-carrossel.cot-apos-d-barra .cot-dots { grid-column: 1; grid-row: 2; justify-content: flex-start; justify-self: start; }
	.cot-wrap.cot-mode-d-carrossel.cot-apos-d-barra .cot-arrows { grid-column: 2; grid-row: 2; position: static; margin: var(--cot-dots-space) 0 0; }

	/* Setas + paginação: setas em volta da paginação */
	.cot-wrap.cot-mode-d-carrossel.cot-apos-d-volta .cot-car {
		display: grid;
		grid-template-columns: minmax(0, 1fr) auto auto auto minmax(0, 1fr);
		column-gap: 16px;
		align-items: center;
	}
	.cot-wrap.cot-mode-d-carrossel.cot-apos-d-volta .cot-car > .cot-grid { grid-column: 1 / -1; grid-row: 1; }
	.cot-wrap.cot-mode-d-carrossel.cot-apos-d-volta .cot-arrows { display: contents; }
	.cot-wrap.cot-mode-d-carrossel.cot-apos-d-volta .cot-arrow--prev { grid-column: 2; grid-row: 2; margin-top: var(--cot-dots-space); }
	.cot-wrap.cot-mode-d-carrossel.cot-apos-d-volta .cot-dots { grid-column: 3; grid-row: 2; justify-self: center; }
	.cot-wrap.cot-mode-d-carrossel.cot-apos-d-volta .cot-arrow--next { grid-column: 4; grid-row: 2; margin-top: var(--cot-dots-space); }
}

@media (min-width: 768px) and (max-width: 1024px) {
	/* O que aparece neste aparelho */
	.cot-wrap.cot-nav-t-pontos .cot-arrows,
	.cot-wrap.cot-nav-t-nenhum .cot-arrows { display: none; }
	.cot-wrap.cot-nav-t-setas .cot-dots,
	.cot-wrap.cot-nav-t-nenhum .cot-dots,
	.cot-wrap.cot-mode-t-grade .cot-dots { display: none; }

	/* Setas fora: os cards encolhem a seta inteira + a distância (nada sai do widget) */
	.cot-wrap.cot-mode-t-carrossel.cot-apos-t-fora.cot-bleed-t-nao .cot-car > .cot-grid {
		margin-left: calc(var(--cot-arrow-size) + var(--cot-arrow-out, 14px));
		margin-right: calc(var(--cot-arrow-size) + var(--cot-arrow-out, 14px));
	}
	.cot-wrap.cot-mode-t-carrossel.cot-apos-t-fora.cot-bleed-t-direita .cot-car > .cot-grid {
		margin-left: calc(var(--cot-arrow-size) + var(--cot-arrow-out, 14px));
	}

	/* Setas + paginação: barra de controles (paginação à esquerda, setas à direita) */
	.cot-wrap.cot-mode-t-carrossel.cot-apos-t-barra .cot-car {
		display: grid;
		grid-template-columns: minmax(0, 1fr) auto;
		column-gap: 20px;
		align-items: center;
	}
	.cot-wrap.cot-mode-t-carrossel.cot-apos-t-barra .cot-car > .cot-grid { grid-column: 1 / -1; grid-row: 1; }
	.cot-wrap.cot-mode-t-carrossel.cot-apos-t-barra .cot-dots { grid-column: 1; grid-row: 2; justify-content: flex-start; justify-self: start; }
	.cot-wrap.cot-mode-t-carrossel.cot-apos-t-barra .cot-arrows { grid-column: 2; grid-row: 2; position: static; margin: var(--cot-dots-space) 0 0; }

	/* Setas + paginação: setas em volta da paginação */
	.cot-wrap.cot-mode-t-carrossel.cot-apos-t-volta .cot-car {
		display: grid;
		grid-template-columns: minmax(0, 1fr) auto auto auto minmax(0, 1fr);
		column-gap: 16px;
		align-items: center;
	}
	.cot-wrap.cot-mode-t-carrossel.cot-apos-t-volta .cot-car > .cot-grid { grid-column: 1 / -1; grid-row: 1; }
	.cot-wrap.cot-mode-t-carrossel.cot-apos-t-volta .cot-arrows { display: contents; }
	.cot-wrap.cot-mode-t-carrossel.cot-apos-t-volta .cot-arrow--prev { grid-column: 2; grid-row: 2; margin-top: var(--cot-dots-space); }
	.cot-wrap.cot-mode-t-carrossel.cot-apos-t-volta .cot-dots { grid-column: 3; grid-row: 2; justify-self: center; }
	.cot-wrap.cot-mode-t-carrossel.cot-apos-t-volta .cot-arrow--next { grid-column: 4; grid-row: 2; margin-top: var(--cot-dots-space); }
}

@media (max-width: 767px) {
	/* O que aparece neste aparelho */
	.cot-wrap.cot-nav-m-pontos .cot-arrows,
	.cot-wrap.cot-nav-m-nenhum .cot-arrows { display: none; }
	.cot-wrap.cot-nav-m-setas .cot-dots,
	.cot-wrap.cot-nav-m-nenhum .cot-dots,
	.cot-wrap.cot-mode-m-grade .cot-dots { display: none; }

	/* Setas fora: os cards encolhem a seta inteira + a distância (nada sai do widget) */
	.cot-wrap.cot-mode-m-carrossel.cot-apos-m-fora.cot-bleed-m-nao .cot-car > .cot-grid {
		margin-left: calc(var(--cot-arrow-size) + var(--cot-arrow-out, 14px));
		margin-right: calc(var(--cot-arrow-size) + var(--cot-arrow-out, 14px));
	}
	.cot-wrap.cot-mode-m-carrossel.cot-apos-m-fora.cot-bleed-m-direita .cot-car > .cot-grid {
		margin-left: calc(var(--cot-arrow-size) + var(--cot-arrow-out, 14px));
	}

	/* Setas + paginação: barra de controles (paginação à esquerda, setas à direita) */
	.cot-wrap.cot-mode-m-carrossel.cot-apos-m-barra .cot-car {
		display: grid;
		grid-template-columns: minmax(0, 1fr) auto;
		column-gap: 20px;
		align-items: center;
	}
	.cot-wrap.cot-mode-m-carrossel.cot-apos-m-barra .cot-car > .cot-grid { grid-column: 1 / -1; grid-row: 1; }
	.cot-wrap.cot-mode-m-carrossel.cot-apos-m-barra .cot-dots { grid-column: 1; grid-row: 2; justify-content: flex-start; justify-self: start; }
	.cot-wrap.cot-mode-m-carrossel.cot-apos-m-barra .cot-arrows { grid-column: 2; grid-row: 2; position: static; margin: var(--cot-dots-space) 0 0; }

	/* Setas + paginação: setas em volta da paginação */
	.cot-wrap.cot-mode-m-carrossel.cot-apos-m-volta .cot-car {
		display: grid;
		grid-template-columns: minmax(0, 1fr) auto auto auto minmax(0, 1fr);
		column-gap: 16px;
		align-items: center;
	}
	.cot-wrap.cot-mode-m-carrossel.cot-apos-m-volta .cot-car > .cot-grid { grid-column: 1 / -1; grid-row: 1; }
	.cot-wrap.cot-mode-m-carrossel.cot-apos-m-volta .cot-arrows { display: contents; }
	.cot-wrap.cot-mode-m-carrossel.cot-apos-m-volta .cot-arrow--prev { grid-column: 2; grid-row: 2; margin-top: var(--cot-dots-space); }
	.cot-wrap.cot-mode-m-carrossel.cot-apos-m-volta .cot-dots { grid-column: 3; grid-row: 2; justify-self: center; }
	.cot-wrap.cot-mode-m-carrossel.cot-apos-m-volta .cot-arrow--next { grid-column: 4; grid-row: 2; margin-top: var(--cot-dots-space); }
}

/* Aviso no editor quando o widget fica escondido por não ter artigos */
.cot-hidden-note { padding: 14px 16px; border: 1px dashed #c9ced6; border-radius: 8px; color: #6b7688; font-size: 13px; line-height: 1.4; text-align: center; }

/* ==========================================================
   O QUE APARECE EM CADA APARELHO (Elementos do card e cabeçalho)
   ========================================================== */
@media (min-width: 1025px) {
	.cot-hide-cat-d .cot-cat,
	.cot-hide-date-d .cot-date,
	.cot-hide-reading-d .cot-reading,
	.cot-hide-excerpt-d .cot-excerpt,
	.cot-hide-date-d .cot-sep,
	.cot-hide-reading-d .cot-sep,
	.cot-hide-date-d.cot-hide-reading-d .cot-meta,
	.cot-hide-head-d > .cot-head-t,
	.cot-hide-head-d > .cot-head-l,
	.cot-hide-link-d > .cot-head-l { display: none; }
	.cot-hide-head-d.cot-has-head > .cot-head-t, .cot-hide-head-d.cot-has-head > .cot-head-l { display: none; }
	.cot-wrap.cot-hide-link-d.cot-has-head > .cot-head-t { grid-column: 1 / -1; }
}
@media (min-width: 768px) and (max-width: 1024px) {
	.cot-hide-cat-t .cot-cat,
	.cot-hide-date-t .cot-date,
	.cot-hide-reading-t .cot-reading,
	.cot-hide-excerpt-t .cot-excerpt,
	.cot-hide-date-t .cot-sep,
	.cot-hide-reading-t .cot-sep,
	.cot-hide-date-t.cot-hide-reading-t .cot-meta,
	.cot-hide-head-t > .cot-head-t,
	.cot-hide-head-t > .cot-head-l,
	.cot-hide-link-t > .cot-head-l { display: none; }
	.cot-hide-head-t.cot-has-head > .cot-head-t, .cot-hide-head-t.cot-has-head > .cot-head-l { display: none; }
	.cot-wrap.cot-hide-link-t.cot-has-head > .cot-head-t { grid-column: 1 / -1; }
}
@media (max-width: 767px) {
	.cot-hide-cat-m .cot-cat,
	.cot-hide-date-m .cot-date,
	.cot-hide-reading-m .cot-reading,
	.cot-hide-excerpt-m .cot-excerpt,
	.cot-hide-date-m .cot-sep,
	.cot-hide-reading-m .cot-sep,
	.cot-hide-date-m.cot-hide-reading-m .cot-meta,
	.cot-hide-head-m > .cot-head-t,
	.cot-hide-head-m > .cot-head-l,
	.cot-hide-link-m > .cot-head-l { display: none; }
	.cot-hide-head-m.cot-has-head > .cot-head-t, .cot-hide-head-m.cot-has-head > .cot-head-l { display: none; }
	.cot-wrap.cot-hide-link-m.cot-has-head > .cot-head-t { grid-column: 1 / -1; }
}