/*
Theme Name: Tema 6 desenvolvido por Trek Mobi Connect
Theme URI: https://trekmobi.com
Author: Trek Mobi Connect
Description: Tema 06 - Topnexs
Version: 0.1.0
Text Domain: tema-06-topnexs
*/

/**
 * CSS RESET - Theme 6 v2
 * 
 * Remove margens/paddings padrão do navegador
 * Adicione este código NO INÍCIO do seu style.css (antes de tudo)
 * 
 * @package Tema_06
 */

/* ============================================
   RESET GLOBAL
   ============================================ */

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

html,
body {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	overflow-x: hidden;
}

body {
	font-family: 'Rubik', sans-serif;
	font-size: 16px;
	line-height: 1.6;
	color: #000000;
	background-color: #ffffff;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* Remove margin do WordPress admin bar */
body.admin-bar {
	margin-top: 0 !important;
}

/* Container principal sem margens */
#page,
.site {
	margin: 0;
	padding: 0;
	width: 100%;
}

main {
	margin: 0;
	padding: 0;
	width: 100%;
}


/* ============================================
   VARIÁVEL DE FONTE GLOBAL
   ============================================ */

:root {
	--t6-font-family: 'Rubik', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
	--font-sans: 'Rubik', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
}


/* ============================================
   NOTAS
   ============================================ */

/**
 * Este reset remove:
 * - Margens e paddings padrão do navegador
 * - Bordas brancas ao redor do site
 * - Espaçamentos indesejados
 * 
 * E define:
 * - Fonte padrão: Rubik
 * - Background: branco
 * - Box-sizing: border-box (facilita layouts)
 */
/* ============================================
   CSS CUSTOM PROPERTIES (Design Tokens)
   ============================================ */

:root {
	/* Cores extraídas do Figma */
	--t6-surface-color: #12264D;
	--t6-btn-secondary-bg: #F8285B;
	--t6-btn-secondary-border: #F8285B;
	--t6-btn-icon-color: #ffffff;
	--t6-logo-bg: #F8285B;
	--t6-logo-color: #ffffff;
	--t6-neutral-white: #ffffff;
	
	/* Espaçamentos do Figma */
	--t6-header-padding-y: 40px;
	--t6-header-padding-x: 20px; /* Calculado: (360 - 320) / 2 */
	--t6-nav-gap: 24px;
	--t6-btn-padding: 12px;
	
	/* Tamanhos */
	--t6-btn-size: 40px;
	--t6-logo-width: 136px;
	--t6-logo-height: 40px;
	--t6-icon-size: 24px;
	
	/* Border Radius */
	--t6-btn-radius: 100px; /* Corners/TEMA 1/button-corners do Figma */
	--t6-logo-radius: 1000px; /* Logo totalmente arredondada */
	
	/* Transições */
	--t6-transition: 0.3s ease;
	
	/* Breakpoints */
	--t6-breakpoint-desktop: 1024px;
	
	/* Z-index */
	--t6-z-header: 1000;
	--t6-z-overlay: 1001;
	--t6-z-panel: 1002;
}


/* ============================================
   SKIP LINK (Acessibilidade)
   ============================================ */

.t6-skip-link {
	position: absolute;
	top: -100px;
	left: 0;
	padding: 12px 20px;
	background-color: var(--t6-btn-secondary-bg);
	color: var(--t6-neutral-white);
	text-decoration: none;
	font-weight: 600;
	z-index: 9999;
	transition: top var(--t6-transition);
}

.t6-skip-link:focus {
	top: 0;
}


/**
 * Header Styles - Theme 6 v2 (Mobile + Desktop)
 * 
 * CSS COMPLETO E ORGANIZADO
 * Com BUSCA MOBILE FUNCIONANDO
 * 
 * @package Tema_06
 */

/* ============================================
   CSS CUSTOM PROPERTIES (Design Tokens)
   ============================================ */

:root {
	/* Cores extraídas do Figma */
	--t6-surface-color: #12264D;
	--t6-btn-secondary-bg: #F8285B;
	--t6-btn-secondary-border: #F8285B;
	--t6-btn-icon-color: #ffffff;
	--t6-logo-bg: #F8285B;
	--t6-logo-color: #ffffff;
	--t6-neutral-white: #ffffff;
	
	/* Espaçamentos do Figma */
	--t6-header-padding-y: 40px;
	--t6-header-padding-x: 20px;
	--t6-nav-gap: 24px;
	--t6-btn-padding: 12px;
	
	/* Tamanhos */
	--t6-btn-size: 40px;
	--t6-logo-width: 136px;
	--t6-logo-height: 40px;
	--t6-icon-size: 24px;
	
	/* Border Radius */
	--t6-btn-radius: 100px;
	--t6-logo-radius: 1000px;
	
	/* Transições */
	--t6-transition: 0.3s ease;
	
	/* Z-index */
	--t6-z-header: 1000;
	--t6-z-overlay: 1001;
	--t6-z-panel: 1002;
}


/* ============================================
   SKIP LINK (Acessibilidade)
   ============================================ */

.t6-skip-link {
	position: absolute;
	top: -100px;
	left: 0;
	padding: 12px 20px;
	background-color: var(--t6-btn-secondary-bg);
	color: var(--t6-neutral-white);
	text-decoration: none;
	font-weight: 600;
	z-index: 9999;
	transition: top var(--t6-transition);
}

.t6-skip-link:focus {
	top: 0;
}


/* ============================================
   HEADER PRINCIPAL
   ============================================ */

.t6-header {
	background-color: #12264D;
	padding: var(--t6-header-padding-y) var(--t6-header-padding-x);
	z-index: var(--t6-z-header);
	transition: padding var(--t6-transition);
	position: relative;
}

.t6-header__container {
	max-width: 320px;
	margin: 0 auto;
}


/* ============================================
   NAVEGAÇÃO MOBILE
   ============================================ */

.t6-header__nav {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--t6-nav-gap);
}


/* ============================================
   BOTÕES (Hamburger e Search)
   ============================================ */

.t6-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: none;
	border: none;
	cursor: pointer;
	transition: all var(--t6-transition);
	font-family: inherit;
	font-size: inherit;
}

.t6-btn--icon {
	width: var(--t6-btn-size);
	height: var(--t6-btn-size);
	padding: var(--t6-btn-padding);
	background-color: var(--t6-btn-secondary-bg);
	border: 1px solid var(--t6-btn-secondary-border);
	border-radius: var(--t6-btn-radius);
	color: var(--t6-btn-icon-color);
	flex-shrink: 0;
}

.t6-btn--icon:hover,
.t6-btn--icon:focus {
	opacity: 0.9;
	transform: scale(1.05);
}

.t6-btn--icon:active {
	transform: scale(0.95);
}

/* Ícones SVG */
.t6-icon {
	width: var(--t6-icon-size);
	height: var(--t6-icon-size);
	display: block;
}


/* ============================================
   LOGO (MOBILE)
   ============================================ */

.t6-header__logo {
	flex-shrink: 0;
}

.t6-logo__link {
	display: flex;
	align-items: center;
	justify-content: center;
	width: var(--t6-logo-width);
	height: var(--t6-logo-height);
	/*background-color: var(--t6-logo-bg);*/
	border-radius: var(--t6-logo-radius);
	text-decoration: none;
	transition: all var(--t6-transition);
}

.t6-logo__link:hover,
.t6-logo__link:focus {
	opacity: 0.9;
	transform: scale(1.02);
}

.t6-logo__text {
	font-family: 'Work Sans', sans-serif;
	font-weight: 700;
	font-size: 16px;
	color: var(--t6-logo-color);
	line-height: normal;
	white-space: nowrap;
	letter-spacing: 0.02em;
}

/* Custom logo do WordPress (mobile) */
.t6-header__nav .t6-header__logo .custom-logo-link {
	display: flex;
	align-items: center;
	justify-content: center;
	width: var(--t6-logo-width);
	height: var(--t6-logo-height);
	background-color: var(--t6-logo-bg);
	border-radius: var(--t6-logo-radius);
	overflow: hidden;
}

.t6-header__nav .t6-header__logo .custom-logo {
	max-width: 100%;
	height: auto;
	display: block;
}


/* ============================================
   MENU OFF-CANVAS (Mobile)
   ============================================ */

.t6-nav__wrapper {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	visibility: hidden;
	pointer-events: none;
	z-index: var(--t6-z-overlay);
	transition: visibility 0s var(--t6-transition);
}

.t6-nav__wrapper[aria-hidden="false"] {
	visibility: visible;
	pointer-events: auto;
	transition: visibility 0s;
}

/* Overlay escuro */
.t6-nav__overlay {
	position: absolute;
	inset: 0;
	background-color: rgba(0, 0, 0, 0.6);
	opacity: 0;
	transition: opacity var(--t6-transition);
}

.t6-nav__wrapper[aria-hidden="false"] .t6-nav__overlay {
	opacity: 1;
}

/* Painel do menu */
.t6-nav__panel {
	position: absolute;
	top: 0;
	left: 0;
	width: 85%;
	max-width: 320px;
	height: 100%;
	background-color: var(--t6-surface-color);
	padding: 24px;
	overflow-y: auto;
	transform: translateX(-100%);
	transition: transform var(--t6-transition);
	z-index: var(--t6-z-panel);
	box-shadow: 2px 0 12px rgba(0, 0, 0, 0.3);
}

.t6-nav__wrapper[aria-hidden="false"] .t6-nav__panel {
	transform: translateX(0);
}

/* Cabeçalho do painel (botão fechar) */
.t6-nav__panel-header {
	display: flex;
	justify-content: flex-end;
	margin-bottom: 24px;
}

.t6-nav__close {
	color: var(--t6-neutral-white);
}

/* Impedir scroll do body quando menu aberto */
body.t6-menu-open {
	overflow: hidden;
}


/* ============================================
   LISTA DE NAVEGAÇÃO (MOBILE)
   ============================================ */

.t6-nav__list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.t6-nav__list li {
	margin-bottom: 8px;
}

.t6-nav__list a {
	display: block;
	padding: 12px 16px;
	color: var(--t6-neutral-white);
	text-decoration: none;
	font-size: 16px;
	font-weight: 500;
	border-radius: 8px;
	transition: background-color var(--t6-transition);
}

.t6-nav__list a:hover,
.t6-nav__list a:focus {
	background-color: rgba(255, 255, 255, 0.1);
}

/* Submenus (depth 2) */
.t6-nav__list .sub-menu {
	list-style: none;
	margin: 8px 0 0 0;
	padding: 0 0 0 16px;
	max-height: 0;
	overflow: hidden;
	opacity: 0;
	transition: all var(--t6-transition);
}

.t6-nav__list .menu-item-has-children.t6-nav__item--open > .sub-menu {
	max-height: 500px;
	opacity: 1;
	margin-top: 8px;
}

.t6-nav__list .sub-menu a {
	font-size: 14px;
	font-weight: 400;
	padding: 10px 14px;
}

/* Indicador de dropdown */
.t6-nav__list .menu-item-has-children > a::after {
	content: '';
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: 8px;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 4px solid currentColor;
	transition: transform var(--t6-transition);
}

.t6-nav__list .menu-item-has-children.t6-nav__item--open > a::after {
	transform: rotate(180deg);
}


/* ============================================
   BUSCA MOBILE - CORRIGIDO E FUNCIONANDO
   ============================================ */

/* Wrapper da busca - ESCONDIDO POR PADRÃO */
.t6-search__form-wrapper {
	/* Posicionamento absoluto abaixo do header */
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	width: 100%;
	z-index: 1000;
	
	/* Estilo - cores do seu tema */
	background-color: var(--t6-surface-color);
	padding: 16px var(--t6-header-padding-x);
	border-top: 1px solid rgba(255, 255, 255, 0.1);
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
	
	/* ESCONDIDO POR PADRÃO */
	display: none;
}

/* Quando JavaScript adiciona style="display: block" */
.t6-search__form-wrapper[style*="display: block"],
.t6-search__form-wrapper[style*="display:block"] {
	display: block !important;
	visibility: visible !important;
	opacity: 1 !important;
}

/* Formulário */
.t6-search__form {
	display: flex;
	gap: 12px;
	max-width: 600px;
	margin: 0 auto;
	align-items: center;
}

/* Input de busca */
.t6-search__input {
	flex: 1;
	padding: 12px 16px;
	border: 1px solid rgba(255, 255, 255, 0.2);
	border-radius: 8px;
	background-color: rgba(255, 255, 255, 0.05);
	color: var(--t6-neutral-white);
	font-size: 16px;
	font-family: inherit;
	transition: all var(--t6-transition);
}

.t6-search__input:focus {
	outline: none;
	border-color: var(--t6-btn-secondary-bg);
	background-color: rgba(255, 255, 255, 0.1);
	box-shadow: 0 0 0 3px rgba(93, 149, 255, 0.2);
}

.t6-search__input::placeholder {
	color: rgba(255, 255, 255, 0.5);
}

/* Botão de submit */
.t6-search__submit {
	padding: 12px 24px;
	background-color: var(--t6-btn-secondary-bg);
	color: var(--t6-neutral-white);
	border: none;
	border-radius: 8px;
	font-weight: 600;
	font-size: 16px;
	cursor: pointer;
	transition: all var(--t6-transition);
	font-family: inherit;
	flex-shrink: 0;
}

.t6-search__submit:hover,
.t6-search__submit:focus {
	opacity: 0.9;
	transform: translateY(-1px);
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

.t6-search__submit:active {
	transform: translateY(0);
}

/* Screen reader only (acessibilidade) */
.t6-sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

/* Mobile pequeno - formulário em coluna */
@media (max-width: 480px) {
	.t6-search__form {
		flex-direction: column;
		gap: 8px;
	}
	
	.t6-search__input,
	.t6-search__submit {
		width: 100%;
	}
}


/* ============================================
   ELEMENTOS DESKTOP (ESCONDIDOS NO MOBILE)
   ============================================ */

.t6-header__top-links,
.t6-header__divider,
.t6-header__main-row,
.t6-header__menu-row {
	display: none;
}


/* ============================================
   DESKTOP LAYOUT (1024px+)
   ============================================ */

@media (min-width: 1024px) {

	/* Container desktop mais largo */
	.t6-header {
		padding: 40px 60px;
	}

	.t6-header__container {
		max-width: 1362px;
		display: flex;
		flex-direction: column;
		gap: 24px;
	}

	/* ========================================
	   ESCONDER ELEMENTOS MOBILE
	   ======================================== */

	/* Esconde navegação mobile inteira */
	.t6-header__nav {
		display: none !important;
	}

	/* Esconde menu off-canvas mobile */
	.t6-nav__wrapper {
		display: none !important;
	}

	/* Esconde busca expansível mobile */
	.t6-search__form-wrapper {
		display: none !important;
	}


	/* ========================================
	   MOSTRAR ELEMENTOS DESKTOP
	   ======================================== */

	.t6-header__top-links,
	.t6-header__divider,
	.t6-header__main-row,
	.t6-header__menu-row {
		display: flex;
	}


	/* ========================================
	   LINHA 1: LINKS SECUNDÁRIOS (TOPO)
	   ======================================== */

	.t6-header__top-links {
		align-items: center;
		gap: 16px;
	}

	.t6-header__top-links a {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		padding: 8px 16px;
		background-color: transparent;
		border: 1px solid transparent;
		border-radius: 100px;
		font-family: var(--t6-font-family);
		font-weight: 600;
		font-size: 16px;
		line-height: 1;
		color: #ffffff;
		text-decoration: none;
		transition: all 0.3s ease;
	}

	.t6-header__top-links a:hover,
	.t6-header__top-links a:focus {
		background-color: rgba(255, 255, 255, 0.1);
	}


	/* ========================================
	   DIVISOR (LINHAS VERDE ESCURAS)
	   ======================================== */

	.t6-header__divider {
		height: 1px;
		background-color: #236259;
		width: 100%;
		margin: 0;
	}


	/* ========================================
	   LINHA 2: BUSCA + LOGO + CTA
	   ======================================== */

	.t6-header__main-row {
		align-items: center;
		justify-content: space-between;
		width: 100%;
	}

	/* Busca (esquerda) */
	.t6-header__search-box {
		width: 216px;
	}

	.t6-header__search-input {
		display: flex;
		align-items: center;
		gap: 12px;
		padding: 8px 20px;
		background-color: #0C1933;
		border: 1px solid #0C1933;
		border-radius: 100px;
		width: 100%;
	}

	.t6-header__search-input input {
		flex: 1;
		background: none;
		border: none;
		font-family: var(--t6-font-family);
		font-weight: 400;
		font-size: 16px;
		color: #ffffff;
		outline: none;
	}

	.t6-header__search-input input::placeholder {
		color: rgba(255, 255, 255, 0.6);
	}

	.t6-header__search-input svg {
		width: 24px;
		height: 24px;
		color: #ffffff;
		flex-shrink: 0;
	}

	/* Logo (centro) */
	.t6-header__main-row .t6-header__logo {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 136px;
		height: 40px;
		/*background-color: #F8285B;*/
		border-radius: 1000px;
		text-decoration: none;
		flex-shrink: 0;
	}

	.t6-header__main-row .t6-header__logo span {
		font-family: 'Work Sans', sans-serif;
		font-weight: 700;
		font-size: 16px;
		color: #ffffff;
		line-height: 1;
	}

	.t6-header__main-row .t6-header__logo .custom-logo-link {
		background: none;
		width: auto;
		height: auto;
	}

	.t6-header__main-row .t6-header__logo .custom-logo {
		max-height: 40px;
		width: auto;
	}

	/* CTA Newsletter (direita) */
	.t6-header__cta {
		width: 216px;
		display: flex;
		justify-content: flex-end;
	}

	.t6-header__cta-btn {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		padding: 8px 16px;
		background-color: #F8285B;
		border: 1px solid #F8285B;
		border-radius: 100px;
		font-family: var(--t6-font-family);
		font-weight: 600;
		font-size: 16px;
		line-height: 1;
		color: #ffffff;
		text-decoration: none;
		transition: all 0.3s ease;
		white-space: nowrap;
	}

	.t6-header__cta-btn:hover,
	.t6-header__cta-btn:focus {
		opacity: 0.9;
		transform: scale(1.05);
	}


	/* ========================================
	   LINHA 3: MENU PRINCIPAL
	   ======================================== */

	.t6-header__menu-row {
		align-items: center;
		justify-content: space-between;
		width: 100%;
	}

	/* Home (esquerda) */
	.t6-header__home-link {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		padding: 8px 16px;
		background-color: transparent;
		border: 1px solid transparent;
		border-radius: 100px;
		font-family: var(--t6-font-family);
		font-weight: 700;
		font-size: 20px;
		line-height: 1;
		color: #ffffff;
		text-decoration: none;
		transition: all 0.3s ease;
	}

	.t6-header__home-link:hover,
	.t6-header__home-link:focus {
		background-color: rgba(255, 255, 255, 0.1);
	}

	/* Topics (direita) */
	.t6-header__topics {
		display: flex;
		align-items: center;
		gap: 16px;
	}

	.t6-header__topics a {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		padding: 8px 16px;
		background-color: transparent;
		border: 1px solid transparent;
		border-radius: 100px;
		font-family: var(--t6-font-family);
		font-weight: 700;
		font-size: 20px;
		line-height: 1;
		color: #ffffff;
		text-decoration: none;
		transition: all 0.3s ease;
		white-space: nowrap;
	}

	.t6-header__topics a:hover,
	.t6-header__topics a:focus {
		background-color: rgba(255, 255, 255, 0.1);
	}

}

.t6-nav__wrapper[style*="display: block"],
.t6-nav__wrapper[style*="display:block"] {
	display: block !important;
	visibility: visible !important;
	pointer-events: auto !important;
}

/* Quando display: block, mostra o overlay e painel */
.t6-nav__wrapper[style*="display: block"] .t6-nav__overlay,
.t6-nav__wrapper[style*="display:block"] .t6-nav__overlay {
	opacity: 1 !important;
}

.t6-nav__wrapper[style*="display: block"] .t6-nav__panel,
.t6-nav__wrapper[style*="display:block"] .t6-nav__panel {
	transform: translateX(0) !important;
}


/* ============================================
   NOTAS FINAIS
   ============================================ */

/**
 * Header Theme 6 v2 - Mobile + Desktop
 * 
 * Estrutura:
 * - Mobile: Hamburger + Logo + Search
 * - Desktop: 3 linhas (Links topo | Busca+Logo+CTA | Home+Topics)
 * 
 * Breakpoint: 1024px
 * 
 * BUSCA MOBILE:
 * - Controlada por JavaScript usando display: none/block inline
 * - CSS detecta o inline style com [style*="display: block"]
 * - Máxima especificidade garantida
 */

/* ============================================
   CSS CUSTOM PROPERTIES
   ============================================ */

:root {
	/* Cores do Slider */
	--t6-hero-bg-top: #12264D;
	--t6-hero-bg-bottom: #ffffff;
	--t6-hero-card-bg: #ffffff;
	--t6-hero-date-color: #184EB5;
	--t6-hero-title-color: #000000;
	--t6-hero-text-color: #595959;
	--t6-hero-btn-bg: #F8285B;
	--t6-hero-btn-color: #ffffff;
	--t6-hero-nav-bg: #EEF4FF;
	--t6-hero-nav-btn-bg: #F8285B;
	--t6-hero-nav-btn-border: #F8285B;
	--t6-hero-nav-icon-color: #ffffff;
	
	/* Tipografia */
	--t6-font-family: 'Rubik', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
	
	/* Tamanhos */
	--t6-hero-card-width: 360px;
	--t6-hero-img-height: 200px;
	--t6-hero-content-padding: 32px;
	--t6-hero-gap: 20px;
	
	/* Border Radius */
	--t6-hero-card-radius: 8px;
	--t6-hero-img-radius: 4px;
	--t6-hero-btn-radius: 100px;
	
	/* Transições */
	--t6-hero-transition: 0.5s ease-in-out;
}


/* ============================================
   HERO SLIDER SECTION
   ============================================ */

.t6-hero-slider {
	position: relative;
	background: linear-gradient(
		to bottom,
		var(--t6-hero-bg-top) 0%,
		var(--t6-hero-bg-top) 50%,
		var(--t6-hero-bg-bottom) 50%,
		var(--t6-hero-bg-bottom) 100%
	);
	padding: 40px 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: var(--t6-hero-gap);
	min-height: 600px;
}


/* ============================================
   SLIDER TRACK & SLIDES
   ============================================ */

.t6-hero-slider__track {
	position: relative;
	width: 100%;
	max-width: var(--t6-hero-card-width);
	margin: 0 auto;
	overflow: visible;
}

.t6-hero-slider__slide {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	opacity: 0;
	visibility: hidden;
	transform: translateX(20px);
	transition: opacity var(--t6-hero-transition), 
	            transform var(--t6-hero-transition),
	            visibility 0s var(--t6-hero-transition);
	pointer-events: none;
}

.t6-hero-slider__slide--active {
	position: relative;
	opacity: 1;
	visibility: visible;
	transform: translateX(0);
	transition: opacity var(--t6-hero-transition), 
	            transform var(--t6-hero-transition);
	pointer-events: auto;
	z-index: 1;
}


/* ============================================
   HERO CARD
   ============================================ */

.t6-hero-card {
	background-color: var(--t6-hero-card-bg);
	border-radius: var(--t6-hero-card-radius);
	padding: 4px;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
	overflow: hidden;
	/* Mobile: coluna vertical */
	display: flex;
	flex-direction: column;
}

/* Thumbnail */
.t6-hero-card__thumb {
	display: block;
	width: 100%;
	height: var(--t6-hero-img-height);
	border-radius: var(--t6-hero-img-radius);
	overflow: hidden;
	position: relative;
	text-decoration: none;
	transition: transform 0.3s ease;
	/* Mobile: ordem 1 (imagem em cima) */
	order: 1;
}

.t6-hero-card__thumb:hover,
.t6-hero-card__thumb:focus {
	transform: scale(1.02);
}

.t6-hero-card__thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	display: block;
}

/* Content */
.t6-hero-card__content {
	padding: var(--t6-hero-content-padding);
	display: flex;
	flex-direction: column;
	gap: 29px;
	/* Mobile: ordem 2 (conteúdo embaixo) */
	order: 2;
}

/* Data */
.t6-hero-card__date {
	font-family: var(--t6-font-family);
	font-weight: 600;
	font-size: 14px;
	line-height: 1;
	color: var(--t6-hero-date-color);
	display: block;
}

/* Grupo de conteúdo (título + texto + botão) */
.t6-hero-card__content > :nth-child(2) {
	display: flex;
	flex-direction: column;
	gap: 24px;
}

/* Título */
.t6-hero-card__title {
	font-family: var(--t6-font-family);
	font-weight: 600;
	font-size: 36px;
	line-height: 1;
	color: var(--t6-hero-title-color);
	margin: 0;
	word-wrap: break-word;
}

.t6-hero-card__title a {
	color: inherit;
	text-decoration: none;
	transition: opacity 0.3s ease;
}

.t6-hero-card__title a:hover,
.t6-hero-card__title a:focus {
	opacity: 0.8;
}

/* Excerpt */
.t6-hero-card__excerpt {
	font-family: var(--t6-font-family);
	font-weight: 400;
	font-size: 16px;
	line-height: 1.5;
	color: var(--t6-hero-text-color);
	margin: 0;
}

/* Botão Read More */
.t6-hero-card__btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 12px 24px;
	background-color: var(--t6-hero-btn-bg);
	color: var(--t6-hero-btn-color);
	border-radius: var(--t6-hero-btn-radius);
	font-family: var(--t6-font-family);
	font-weight: 600;
	font-size: 16px;
	line-height: 1;
	text-decoration: none;
	cursor: pointer;
	transition: all 0.3s ease;
	align-self: flex-start;
}

.t6-hero-card__btn:hover,
.t6-hero-card__btn:focus {
	opacity: 0.9;
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(156, 228, 82, 0.3);
}

.t6-hero-card__btn:active {
	transform: translateY(0);
}


/* ============================================
   NAVIGATION BAR
   ============================================ */

.t6-hero-nav {
	display: flex;
	align-items: center;
	gap: 24px;
	padding: 12px 16px;
	background-color: var(--t6-hero-nav-bg);
	border-radius: var(--t6-hero-btn-radius);
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

/* Botões Prev/Next */
.t6-hero-nav__btn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
	padding: 8px;
	background-color: var(--t6-hero-nav-btn-bg);
	border: 1px solid var(--t6-hero-nav-btn-bg);
	border-radius: var(--t6-hero-btn-radius);
	color: var(--t6-hero-nav-icon-color);
	cursor: pointer;
	transition: all 0.3s ease;
	flex-shrink: 0;
}

.t6-hero-nav__btn:hover,
.t6-hero-nav__btn:focus {
	opacity: 0.9;
	transform: scale(1.1);
}

.t6-hero-nav__btn:active {
	transform: scale(0.95);
}

.t6-hero-nav__btn:disabled {
	opacity: 0.5;
	cursor: not-allowed;
}

.t6-hero-nav__icon {
	width: 12px;
	height: 20px;
	display: block;
}

/* Dots Container */
.t6-hero-nav__dots {
	display: flex;
	align-items: center;
	gap: 12px;
}

/* Dot Individual */
.t6-hero-nav__dot {
	width: 16px;
	height: 16px;
	padding: 0;
	border: 2px solid #d9d9d9;
	border-radius: 50%;
	background-color: transparent;
	cursor: pointer;
	transition: all 0.3s ease;
	position: relative;
	flex-shrink: 0;
}

.t6-hero-nav__dot::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) scale(0);
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background-color: var(--t6-hero-nav-btn-bg);
	transition: transform 0.3s ease;
}

.t6-hero-nav__dot--active {
	border-color: var(--t6-hero-nav-btn-bg);
}

.t6-hero-nav__dot--active::before {
	transform: translate(-50%, -50%) scale(1);
}

.t6-hero-nav__dot:hover,
.t6-hero-nav__dot:focus {
	border-color: var(--t6-hero-nav-btn-bg);
	transform: scale(1.2);
}


/* ============================================
   RESPONSIVO - TABLET
   ============================================ */

@media (min-width: 768px) {
	.t6-hero-slider__track {
		max-width: 600px;
	}

	.t6-hero-card {
		padding: 6px;
	}

	.t6-hero-card__thumb {
		height: 280px;
	}

	.t6-hero-card__title {
		font-size: 42px;
	}

	.t6-hero-card__excerpt {
		font-size: 18px;
		line-height: 1.6;
	}
}


/* ============================================
   RESPONSIVO - DESKTOP (1024px+)
   🎯 LAYOUT HORIZONTAL (CONTEÚDO + IMAGEM)
   ============================================ */

@media (min-width: 1024px) {
	.t6-hero-slider {
		padding: 60px 0;
		min-height: 700px;
		/* Ajuste do gap para 20px conforme Figma */
		gap: 20px;
	}

	.t6-hero-slider__track {
		/* Container exato do Figma */
		max-width: 1362px;
	}

	/* ============================================
	   CARD: LAYOUT HORIZONTAL
	   ============================================ */
	
	.t6-hero-card {
		/* Altura fixa do card */
		height: 420px;
		/* Layout horizontal: conteúdo + imagem lado a lado */
		flex-direction: row;
		/* Padding interno (borda branca) */
		padding: 4px;
	}

	/* ============================================
	   CONTEÚDO: ESQUERDA
	   ============================================ */
	
	.t6-hero-card__content {
		/* Desktop: ordem 1 (conteúdo à esquerda) */
		order: 1;
		/* Flex-grow para ocupar espaço disponível */
		flex: 1;
		/* Padding interno conforme Figma */
		padding: 32px;
		/* Altura total */
		height: 100%;
		/* Espaçamento vertical interno */
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		/* Gap entre data e título removido (justify-between cuida disso) */
		gap: 0;
	}

	/* Data */
	.t6-hero-card__date {
		font-size: 16px;
		font-weight: 700; /* Bold conforme Figma */
	}

	/* Container do título + texto + botão */
	.t6-hero-card__content > :nth-child(2) {
		display: flex;
		flex-direction: column;
		gap: 16px; /* Gap entre título/texto/botão */
	}

	/* Título */
	.t6-hero-card__title {
		font-size: 48px; /* H1 Desktop */
		font-weight: 600; /* SemiBold */
		line-height: 1; /* 100% */
	}

	/* Excerpt */
	.t6-hero-card__excerpt {
		font-size: 20px; /* Text Large */
		font-weight: 400; /* Regular */
		line-height: 1; /* 100% conforme Figma */
	}

	/* Botão Read More */
	.t6-hero-card__btn {
		padding: 12px 24px;
		font-size: 20px; /* Buttons/Large */
		font-weight: 700; /* Bold */
	}

	/* ============================================
	   IMAGEM: DIREITA
	   ============================================ */
	
	.t6-hero-card__thumb {
		/* Desktop: ordem 2 (imagem à direita) */
		order: 2;
		/* Largura fixa conforme Figma */
		width: 669px;
		/* Altura total do card menos padding */
		height: 100%;
		/* Border-radius da imagem */
		border-radius: 4px;
		/* Remove flex-shrink para manter largura fixa */
		flex-shrink: 0;
	}

	/* ============================================
	   NAVEGAÇÃO
	   ============================================ */
	
	.t6-hero-nav {
		padding: 12px 16px;
		gap: 24px;
	}

	.t6-hero-nav__btn {
		width: 24px;
		height: 24px;
	}

	.t6-hero-nav__dots {
		gap: 12px;
	}

	.t6-hero-nav__dot {
		width: 16px;
		height: 16px;
	}

	.t6-hero-nav__dot::before {
		width: 8px;
		height: 8px;
	}
}


/* ============================================
   PLACEHOLDER (Outras Seções)
   ============================================ */

.t6-placeholder {
	padding: 60px 20px;
	text-align: center;
	background-color: var(--t6-hero-bg-bottom);
}

.t6-placeholder p {
	font-family: var(--t6-font-family);
	font-size: 18px;
	color: var(--t6-hero-text-color);
	margin: 0;
}

.t6-container {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 20px;
}


/* ============================================
   ACESSIBILIDADE
   ============================================ */

/* Screen reader only */
.t6-sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

/* Focus visible para navegação por teclado */
.t6-hero-card__thumb:focus-visible,
.t6-hero-card__title a:focus-visible,
.t6-hero-card__btn:focus-visible,
.t6-hero-nav__btn:focus-visible,
.t6-hero-nav__dot:focus-visible {
	outline: 3px solid var(--t6-hero-nav-btn-bg);
	outline-offset: 3px;
}

/* Reduz animações se preferência do usuário */
@media (prefers-reduced-motion: reduce) {
	.t6-hero-slider__slide,
	.t6-hero-card__thumb,
	.t6-hero-card__title a,
	.t6-hero-card__btn,
	.t6-hero-nav__btn,
	.t6-hero-nav__dot {
		transition: none;
	}
}


/* ============================================
   NOTAS FINAIS
   ============================================ */

/**
 * ✅ DESKTOP LAYOUT ATUALIZADO (1024px+)
 * 
 * Baseado no design Figma Section (4039:2695)
 * 
 * MUDANÇAS PRINCIPAIS:
 * - Layout horizontal: conteúdo (esquerda) + imagem (direita)
 * - Container: 1362px
 * - Card height: 420px
 * - Content padding: 32px
 * - Imagem width: 669px
 * - Título: 48px SemiBold
 * - Texto: 20px Regular
 * - Botão: 20px Bold
 * - Gap section: 20px
 * 
 * MOBILE INTACTO:
 * - Layout vertical (imagem em cima, conteúdo embaixo)
 * - Todos os estilos mobile preservados
 * 
 * TODO: 
 * - Testar responsividade entre 1024px-1362px
 * - Validar cores e tipografia final
 */

 /**
 * Posts Carousel Styles - VERSÃO FINAL CORRIGIDA
 * Garante EXATAMENTE 3 cards visíveis em desktop
 * 
 * @package Tema_06
 */

/* ============================================
   CSS CUSTOM PROPERTIES
   ============================================ */

:root {
	--t6-carousel-title-color: #000000;
	--t6-carousel-date-color: #F8285B;
	--t6-carousel-card-bg: #ffffff;
	--t6-carousel-card-border: #ebebeb;
	--t6-carousel-btn-bg: #F8285B;
	--t6-carousel-btn-color: #ffffff;
	--t6-carousel-nav-bg: #F8285B;
	--t6-carousel-nav-color: #ffffff;
	--t6-carousel-img-height: 240px;
	--t6-carousel-content-padding: 16px;
	--t6-carousel-gap: 16px;
	--t6-carousel-radius: 8px;
}


/* ============================================
   POSTS CAROUSEL SECTION
   ============================================ */

.t6-posts-carousel {
	padding: 40px 0;
	background-color: #f9f9f9;
	overflow: hidden;
}

.t6-posts-carousel__title {
	font-family: var(--t6-font-family);
	font-weight: 600;
	font-size: 40px;
	line-height: 1;
	color: var(--t6-carousel-title-color);
	text-align: center;
	margin: 0 0 32px 0;
	padding: 0 20px;
}


/* ============================================
   CONTAINER - CRÍTICO PARA 3 CARDS
   ============================================ */

.t6-posts-carousel__container {
	position: relative;
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 80px;
	overflow: hidden; /* ✅ ESCONDE cards extras */
}

@media (max-width: 767px) {
	.t6-posts-carousel__container {
		padding: 0 20px;
	}
}


/* ============================================
   TRACK (TRILHA DESLIZANTE)
   ============================================ */

.t6-posts-carousel__track {
	display: flex;
	gap: var(--t6-carousel-gap);
	transition: transform 0.4s ease-in-out;
	will-change: transform;
}


/* ============================================
   POST CARD - LARGURAS POR RESOLUÇÃO
   ============================================ */

.t6-post-card {
	/* Mobile: 1 card = largura total */
	flex: 0 0 calc(100vw - 40px);
	width: calc(100vw - 40px);
	
	background-color: var(--t6-carousel-card-bg);
	border: 1px solid var(--t6-carousel-card-border);
	border-radius: var(--t6-carousel-radius);
	overflow: hidden;
	display: flex;
	flex-direction: column;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.t6-post-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
}

/* Thumbnail */
.t6-post-card__thumb {
	display: block;
	width: 100%;
	height: var(--t6-carousel-img-height);
	overflow: hidden;
	position: relative;
	text-decoration: none;
}

.t6-post-card__thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	display: block;
	transition: transform 0.3s ease;
}

.t6-post-card__thumb:hover img,
.t6-post-card__thumb:focus img {
	transform: scale(1.05);
}

/* Content */
.t6-post-card__content {
	padding: var(--t6-carousel-content-padding);
	display: flex;
	flex-direction: column;
	gap: 12px;
	flex-grow: 1;
}

/* Data */
.t6-post-card__date {
	font-family: var(--t6-font-family);
	font-weight: 600;
	font-size: 14px;
	line-height: 1;
	color: var(--t6-carousel-date-color);
	display: block;
}

/* Título */
.t6-post-card__title {
	font-family: var(--t6-font-family);
	font-weight: 600;
	font-size: 28px;
	line-height: 1.2;
	color: var(--t6-carousel-title-color);
	margin: 0;
	word-wrap: break-word;
	flex-grow: 1;
}

.t6-post-card__title a {
	color: inherit;
	text-decoration: none;
	transition: opacity 0.3s ease;
}

.t6-post-card__title a:hover,
.t6-post-card__title a:focus {
	opacity: 0.8;
}

/* Botão Read More */
.t6-post-card__btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 12px 24px;
	background-color: var(--t6-carousel-btn-bg);
	color: var(--t6-carousel-btn-color);
	border-radius: 100px;
	font-family: var(--t6-font-family);
	font-weight: 600;
	font-size: 16px;
	line-height: 1;
	text-decoration: none;
	cursor: pointer;
	transition: all 0.3s ease;
	align-self: flex-start;
}

.t6-post-card__btn:hover,
.t6-post-card__btn:focus {
	opacity: 0.9;
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(48, 203, 213, 0.3);
}

.t6-post-card__btn:active {
	transform: translateY(0);
}


/* ============================================
   BOTÕES DE NAVEGAÇÃO (SETAS)
   ============================================ */

.t6-posts-carousel__nav {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 10;
	width: 48px;
	height: 48px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: var(--t6-carousel-nav-bg);
	color: var(--t6-carousel-nav-color);
	border: none;
	border-radius: 50%;
	cursor: pointer;
	transition: all 0.3s ease;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.t6-posts-carousel__nav:hover:not(:disabled),
.t6-posts-carousel__nav:focus:not(:disabled) {
	background-color: #4a7acc;
	transform: translateY(-50%) scale(1.1);
}

.t6-posts-carousel__nav:active:not(:disabled) {
	transform: translateY(-50%) scale(0.95);
}

.t6-posts-carousel__nav:disabled {
	opacity: 0.3;
	cursor: not-allowed;
}

.t6-posts-carousel__nav svg {
	width: 24px;
	height: 24px;
	display: block;
}

/* Posicionamento Mobile */
.t6-posts-carousel__nav--prev {
	left: 10px;
}

.t6-posts-carousel__nav--next {
	right: 10px;
}

/* Mobile: botões menores */
@media (max-width: 767px) {
	.t6-posts-carousel__nav {
		width: 40px;
		height: 40px;
    display: none;
	}

	.t6-posts-carousel__nav svg {
		width: 20px;
		height: 20px;
	}
}


/* ============================================
   RESPONSIVO - TABLET (2 CARDS)
   ============================================ */

@media (min-width: 768px) {
	.t6-post-card {
		/* Tablet: 2 cards por vez */
		flex: 0 0 calc(50% - 8px);
		width: calc(50% - 8px);
	}

	.t6-posts-carousel__title {
		font-size: 44px;
	}

	.t6-posts-carousel__container {
		padding: 0 70px;
	}
}


/* ============================================
   RESPONSIVO - DESKTOP (3 CARDS EXATOS)
   ============================================ */

@media (min-width: 1024px) {
	.t6-posts-carousel {
		padding: 60px 0;
	}

	.t6-posts-carousel__container {
		width: 100%;
		max-width: 1200px;
		padding: 0 80px;
		overflow: hidden; /* ✅ CRÍTICO */
	}

	/* ✅ SOLUÇÃO: Largura FIXA para garantir exatamente 3 cards */
	.t6-post-card {
		flex: 0 0 370px; /* Largura calculada: (1040px - 32px) / 3 */
		width: 370px;
		max-width: 370px; /* ✅ GARANTE que não ultrapasse */
		flex-shrink: 0; /* ✅ Impede que encolha */
	}

	.t6-posts-carousel__title {
		font-size: 48px;
		margin-bottom: 40px;
	}

	.t6-post-card__title {
		font-size: 24px;
	}

	.t6-posts-carousel__nav {
		width: 52px;
		height: 52px;
	}

	.t6-posts-carousel__nav svg {
		width: 26px;
		height: 26px;
	}

	.t6-posts-carousel__nav--prev {
		left: 10px;
	}

	.t6-posts-carousel__nav--next {
		right: 10px;
	}
}


/* ============================================
   ACESSIBILIDADE
   ============================================ */

.t6-post-card__thumb:focus-visible,
.t6-post-card__title a:focus-visible,
.t6-post-card__btn:focus-visible,
.t6-posts-carousel__nav:focus-visible {
	outline: 3px solid var(--t6-carousel-nav-bg);
	outline-offset: 3px;
}

/* Reduz animações se preferência do usuário */
@media (prefers-reduced-motion: reduce) {
	.t6-posts-carousel__track,
	.t6-post-card,
	.t6-post-card__thumb img,
	.t6-post-card__title a,
	.t6-post-card__btn,
	.t6-posts-carousel__nav {
		transition: none;
	}
}


/* ============================================
   NOTAS FINAIS
   ============================================ */

/**
 * Baseado no design Figma Section (4039:2779)
 * 
 * Estrutura preservada:
 * - Título centralizado 40px
 * - Cards 320px (mobile) com borda #ebebeb
 * - Imagem 240px altura
 * - Content padding 16px
 * - Gap 12px interno
 * - Botão verde #F8285B
 * - Data verde #349887
 * 
 * Recursos implementados:
 * - Carrossel horizontal responsivo
 * - 1 card (mobile), 2 cards (tablet), 3 cards (desktop)
 * - Navegação por setas, teclado e swipe
 * - Hover effects nos cards
 * - Totalmente acessível
 * 
 * Diferenças do design original (melhorias):
 * - Adicionado background #f9f9f9 para destacar seção
 * - Botões de navegação circulares flutuantes
 * - Efeito hover no card (elevação)
 * - Transições suaves
 */

/**
 * Category Filter Styles - Desktop Layout Fixed
 * Theme 6 v2
 * 
 * LAYOUT DESKTOP (1024px+):
 * - Sidebar de filtro à esquerda (285px fixa)
 * - Cards GRANDES horizontais à direita
 * - Cards: 264px altura, imagem 50% + conteúdo 50%
 * - Título: 28px SemiBold
 * - Texto: 20px Regular
 * - Arrow: 38x38px
 * 
 * MOBILE: 100% preservado (cards compactos horizontais)
 * 
 * @package Tema_06
 */

/* ============================================
   CSS CUSTOM PROPERTIES
   ============================================ */

:root {
	/* Cores do Filtro */
	--t6-filter-title-color: #000000;
	--t6-filter-bg: #EEF4FF;
	--t6-filter-toggle-bg: #3396FE;
	--t6-filter-toggle-border: #3396FE;
	--t6-filter-toggle-icon: #ffffff;
	--t6-filter-cat-active-bg: #3396FE;
	--t6-filter-cat-active-border: #F8285B;
	--t6-filter-cat-active-text: #F8285B;
	--t6-filter-cat-inactive-bg: transparent;
	--t6-filter-cat-inactive-border: #d9d9d9;
	--t6-filter-cat-inactive-text: #595959;
	--t6-filter-card-bg: #ffffff;
	--t6-filter-card-border: #ebebeb;
	--t6-filter-arrow-bg: #F8285B;
	--t6-filter-arrow-border: #F8285B;
	--t6-filter-arrow-icon: #ffffff;
	
	/* Tamanhos */
	--t6-filter-toggle-size: 44px;
	--t6-filter-card-height: 100px;
	--t6-filter-card-img-width: 155px;
	--t6-filter-arrow-size: 38px;
}


/* ============================================
   CATEGORY FILTER SECTION
   ============================================ */

.t6-category-filter {
	padding: 20px 0;
	background-color: #ffffff;
}

.t6-category-filter__container {
	max-width: 360px;
	margin: 0 auto;
	padding: 0 20px;
}


/* ============================================
   FILTER HEADER (Título + Categorias)
   ============================================ */

.t6-category-filter__header {
	background-color: var(--t6-filter-bg);
	padding: 32px;
	border-radius: 8px;
	margin-bottom: 32px;
	display: flex;
	flex-direction: column;
	gap: 16px;
}

/* Top (Título + Toggle) */
.t6-category-filter__top {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

/* Título */
.t6-category-filter__title {
	font-family: var(--t6-font-family);
	font-weight: 600;
	font-size: 20px;
	line-height: 1;
	color: var(--t6-filter-title-color);
	margin: 0;
}

/* Botão Toggle */
.t6-category-filter__toggle {
	width: var(--t6-filter-toggle-size);
	height: var(--t6-filter-toggle-size);
	padding: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: var(--t6-filter-toggle-bg);
	border: 1px solid var(--t6-filter-toggle-border);
	border-radius: 100px;
	color: var(--t6-filter-toggle-icon);
	cursor: pointer;
	transition: all 0.3s ease;
	flex-shrink: 0;
}

.t6-category-filter__toggle:hover,
.t6-category-filter__toggle:focus {
	opacity: 0.9;
	transform: scale(1.05);
}

.t6-category-filter__toggle svg {
	width: 24px;
	height: 24px;
	transition: transform 0.3s ease;
}

.t6-category-filter__toggle--open svg {
	transform: rotate(180deg);
}


/* ============================================
   CATEGORIAS (DROPDOWN)
   ============================================ */

.t6-category-filter__categories {
	display: flex;
	flex-direction: column;
	gap: 12px;
	max-height: 0;
	overflow: hidden;
	opacity: 0;
	transition: all 0.3s ease;
}

.t6-category-filter__categories[aria-hidden="false"] {
	max-height: 500px;
	opacity: 1;
}

/* Botões de Categoria */
.t6-category-filter__cat-btn {
	padding: 8px 16px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	background-color: var(--t6-filter-cat-inactive-bg);
	border: 1px solid var(--t6-filter-cat-inactive-border);
	border-radius: 8px;
	font-family: var(--t6-font-family);
	font-weight: 600;
	font-size: 16px;
	line-height: 1;
	color: var(--t6-filter-cat-inactive-text);
	cursor: pointer;
	transition: all 0.3s ease;
	text-align: left;
}

.t6-category-filter__cat-btn:hover,
.t6-category-filter__cat-btn:focus {
	background-color: rgba(213, 242, 234, 0.3);
	border-color: var(--t6-filter-cat-active-border);
}

.t6-category-filter__cat-btn--active {
	background-color: var(--t6-filter-cat-active-bg);
	border-color: var(--t6-filter-cat-active-border);
	color: var(--t6-filter-cat-active-text);
}


/* ============================================
   POSTS GRID
   ============================================ */

.t6-category-filter__posts {
	position: relative;
	min-height: 200px;
}

/* Loader (Spinner) */
.t6-category-filter__loader {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: rgba(255, 255, 255, 0.9);
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.3s ease, visibility 0.3s ease;
	z-index: 10;
}

.t6-category-filter__posts[data-loading="true"] .t6-category-filter__loader {
	opacity: 1;
	visibility: visible;
}

.t6-category-filter__spinner {
	width: 40px;
	height: 40px;
	border: 4px solid #f3f3f3;
	border-top: 4px solid var(--t6-filter-toggle-bg);
	border-radius: 50%;
	animation: t6-spin 1s linear infinite;
}

@keyframes t6-spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

/* Grid */
.t6-category-filter__grid {
	display: flex;
	flex-direction: column;
	gap: 16px;
	transition: opacity 0.3s ease;
}

.t6-category-filter__posts[data-loading="true"] .t6-category-filter__grid {
	opacity: 0.5;
	pointer-events: none;
}

/* Mensagem vazia */
.t6-category-filter__empty {
	font-family: var(--t6-font-family);
	font-size: 16px;
	color: #999;
	text-align: center;
	padding: 40px 20px;
	margin: 0;
}


/* ============================================
   COMPACT CARD (HORIZONTAL) - MOBILE
   ============================================ */

.t6-compact-card {
	display: flex;
	align-items: stretch;
	background-color: var(--t6-filter-card-bg);
	border: 1px solid var(--t6-filter-card-border);
	border-radius: 8px;
	overflow: hidden;
	transition: all 0.3s ease;
	height: auto;
}

.t6-compact-card:hover {
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
	transform: translateY(-2px);
}

/* Thumbnail */
.t6-compact-card__thumb {
	flex-shrink: 0;
	width: var(--t6-filter-card-img-width);
	display: block;
	position: relative;
	overflow: hidden;
	text-decoration: none;
}

.t6-compact-card__thumb img {
	width: 155px;
	height: 100px;
	object-fit: cover;
	object-position: center;
	display: block;
	transition: transform 0.3s ease;
	max-width: none !important;
}

.t6-compact-card__thumb:hover img,
.t6-compact-card__thumb:focus img {
	transform: scale(1.05);
}

/* Content */
.t6-compact-card__content {
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 16px 20px;
	gap: 10px;
}

/* Header (Desktop only) - ESCONDIDO NO MOBILE */
.t6-compact-card__header {
	display: none; /* Escondido no mobile */
}

.t6-compact-card__date {
	font-family: var(--t6-font-family);
	font-weight: 400;
	font-size: 16px;
	line-height: 1;
	color: #349887;
	margin: 0;
}

/* Body (contém título + excerpt) */
.t6-compact-card__body {
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 0; /* No mobile, sem gap (só título) */
}

/* Título */
.t6-compact-card__title {
	font-family: var(--t6-font-family);
	font-weight: 700;
	font-size: 16px;
	line-height: 1.3;
	color: var(--t6-filter-title-color);
	margin: 0;
	word-wrap: break-word;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.t6-compact-card__title a {
	color: inherit;
	text-decoration: none;
	transition: opacity 0.3s ease;
	display: block;
}

.t6-compact-card__title a:hover,
.t6-compact-card__title a:focus {
	opacity: 0.7;
}

/* Excerpt - ESCONDIDO NO MOBILE */
.t6-compact-card__excerpt {
	display: none; /* Escondido no mobile */
	font-family: var(--t6-font-family);
	font-weight: 400;
	font-size: 20px;
	line-height: 1;
	color: #595959;
	margin: 0;
}

/* Botão Arrow - MOBILE ONLY */
.t6-compact-card__arrow {
	flex-shrink: 0;
	width: var(--t6-filter-arrow-size);
	height: var(--t6-filter-arrow-size);
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: var(--t6-filter-arrow-bg);
	border: 1px solid var(--t6-filter-arrow-border);
	border-radius: 100px;
	color: var(--t6-filter-arrow-icon);
	text-decoration: none;
	transition: all 0.3s ease;
}

/* Arrow mobile (default - visível no mobile) */
.t6-compact-card__arrow--mobile {
	display: none;
}

/* Arrow desktop (dentro do header - escondido no mobile) */
.t6-compact-card__header .t6-compact-card__arrow {
	display: none;
}

.t6-compact-card__arrow:hover,
.t6-compact-card__arrow:focus {
	opacity: 0.9;
	transform: scale(1.1);
}

.t6-compact-card__arrow:active {
	transform: scale(0.95);
}

.t6-compact-card__arrow svg {
	width: 16px;
	height: 16px;
	display: block;
}


/* ============================================
   RESPONSIVO - TABLET
   ============================================ */

@media (min-width: 768px) {
	.t6-category-filter__container {
		max-width: 750px;
	}

	.t6-category-filter__header {
		padding: 40px;
	}

	.t6-category-filter__title {
		font-size: 24px;
	}

	/* Categorias sempre visíveis no tablet+ */
	.t6-category-filter__toggle {
		display: none;
	}

	.t6-category-filter__categories {
		max-height: none;
		opacity: 1;
		flex-direction: row;
		flex-wrap: wrap;
		gap: 12px;
	}

	.t6-category-filter__cat-btn {
		flex: 0 0 auto;
	}

	/* Grid em 2 colunas */
	.t6-category-filter__grid {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 16px;
	}
}


/* ============================================
   RESPONSIVO - DESKTOP (1024px+)
   🎯 LAYOUT COM SIDEBAR + CARDS GRANDES
   ============================================ */

@media (min-width: 1024px) {
	
	/* ============================================
	   SECTION
	   ============================================ */
	
	.t6-category-filter {
		padding: 40px 0;
	}

	/* Container: layout horizontal (sidebar + posts) */
	.t6-category-filter__container {
		max-width: 1362px;
		display: flex;
		gap: 32px;
		align-items: flex-start;
	}

	/* ============================================
	   SIDEBAR DE FILTRO (ESQUERDA)
	   ============================================ */
	
	.t6-category-filter__header {
		/* Largura fixa conforme Figma */
		width: 285px;
		flex-shrink: 0;
		/* Padding conforme Figma */
		padding: 32px;
		/* Sem margin-bottom (agora é flex gap) */
		margin-bottom: 0;
		/* Flex column com gap */
		display: flex;
		flex-direction: column;
		gap: 12px;
	}

	/* Título do filtro */
	.t6-category-filter__title {
		font-size: 24px;
		font-weight: 600;
		text-align: center;
	}

	/* Toggle escondido no desktop */
	.t6-category-filter__toggle {
		display: none;
	}

	/* Categorias sempre visíveis em coluna */
	.t6-category-filter__categories {
		max-height: none;
		opacity: 1;
		flex-direction: column;
		gap: 12px;
	}

	/* Botões de categoria - 100% largura */
	.t6-category-filter__cat-btn {
		width: 100%;
		padding: 8px 16px;
		font-size: 20px; /* Buttons/Large conforme Figma */
		font-weight: 700; /* Bold */
		text-align: left;
	}

	/* ============================================
	   GRID DE POSTS (DIREITA)
	   ============================================ */
	
	.t6-category-filter__posts {
		/* Ocupa espaço restante */
		flex: 1;
	}

	/* Grid em 1 coluna (cards grandes empilhados) */
	.t6-category-filter__grid {
		display: flex;
		flex-direction: column;
		gap: 16px;
	}

	/* ============================================
	   COMPACT CARD: CARDS GRANDES (DESKTOP)
	   ============================================ */
	
	.t6-compact-card {
		/* Altura fixa conforme Figma */
		height: 264px;
		/* Flex horizontal */
		display: flex;
		flex-direction: row;
		align-items: stretch;
	}

	/* ============================================
	   IMAGEM: 50% DO CARD (ESQUERDA)
	   ============================================ */
	
	.t6-compact-card__thumb {
		/* Largura: 50% do card */
		width: 50%;
		flex: 0 0 50%;
		/* Altura total */
		height: 100%;
		/* Ordem 1 (esquerda) */
		order: 1;
	}

	.t6-compact-card__thumb img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
	}

	/* ============================================
	   CONTEÚDO: 50% DO CARD (DIREITA)
	   ============================================ */
	
	.t6-compact-card__content {
		/* Largura: 50% do card */
		width: 50%;
		flex: 0 0 50%;
		/* Altura total */
		height: 100%;
		/* Padding conforme Figma */
		padding: 24px 32px;
		/* Layout: coluna vertical com espaço entre */
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		align-items: stretch;
		gap: 0;
		/* Ordem 2 (direita) */
		order: 2;
	}

	/* ============================================
	   HEADER DO CARD (DATA + ARROW)
	   ============================================ */
	
	.t6-compact-card__header {
		/* Mostra header no desktop */
		display: flex !important;
		align-items: center;
		justify-content: space-between;
		width: 100%;
	}

	/* Data */
	.t6-compact-card__date {
		font-family: var(--t6-font-family);
		font-weight: 400; /* Regular */
		font-size: 16px;
		line-height: 1;
		color: #F8285B;
		margin: 0;
	}

	/* Arrow desktop (dentro do header) - MOSTRA NO DESKTOP */
	.t6-compact-card__header .t6-compact-card__arrow {
		display: flex !important;
		width: 38px;
		height: 38px;
		flex-shrink: 0;
	}

	/* Arrow mobile - ESCONDE NO DESKTOP */
	.t6-compact-card__arrow--mobile {
		display: none !important;
	}

	/* ============================================
	   CORPO DO CARD (TÍTULO + EXCERPT)
	   ============================================ */
	
	.t6-compact-card__body {
		display: flex;
		flex-direction: column;
		gap: 24px;
		width: 100%;
	}

	/* Título - Desktop */
	.t6-compact-card__title {
		font-size: 28px; /* H4 Desktop */
		font-weight: 600; /* SemiBold */
		line-height: 1;
		-webkit-line-clamp: 2; /* Máximo 2 linhas no desktop */
	}

	/* Excerpt - MOSTRA NO DESKTOP */
	.t6-compact-card__excerpt {
		display: -webkit-box !important; /* Mostra no desktop */
		font-family: var(--t6-font-family);
		font-weight: 400; /* Regular */
		font-size: 20px; /* Text Large */
		line-height: 1;
		color: #595959;
		margin: 0;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
	}
}


/* ============================================
   ACESSIBILIDADE
   ============================================ */

/* Focus visible */
.t6-category-filter__toggle:focus-visible,
.t6-category-filter__cat-btn:focus-visible,
.t6-compact-card__thumb:focus-visible,
.t6-compact-card__title a:focus-visible,
.t6-compact-card__arrow:focus-visible {
	outline: 3px solid var(--t6-filter-toggle-bg);
	outline-offset: 3px;
}

/* Reduz animações se preferência do usuário */
@media (prefers-reduced-motion: reduce) {
	.t6-category-filter__toggle svg,
	.t6-category-filter__categories,
	.t6-category-filter__cat-btn,
	.t6-category-filter__loader,
	.t6-category-filter__grid,
	.t6-compact-card,
	.t6-compact-card__thumb img,
	.t6-compact-card__title a,
	.t6-compact-card__arrow {
		transition: none;
	}

	.t6-category-filter__spinner {
		animation: none;
	}
}


/* ============================================
   NOTAS FINAIS
   ============================================ */

/**
 * ✅ DESKTOP LAYOUT ATUALIZADO (1024px+)
 * 
 * Baseado no design Figma Section (4039:2724)
 * 
 * MUDANÇAS PRINCIPAIS:
 * - Container: 1362px, flex horizontal
 * - Sidebar filtro: 285px (esquerda), coluna vertical
 * - Cards: 264px altura, 50% imagem + 50% conteúdo
 * - Título: 28px SemiBold (H4)
 * - Excerpt: 20px Regular (Text Large)
 * - Data: 16px Regular (#349887)
 * - Arrow: 38x38px (canto superior direito)
 * - Gap: 32px (sidebar-posts), 16px (cards), 12px (categorias), 24px (título-excerpt)
 * 
 * MOBILE/TABLET INTACTO:
 * - Cards compactos horizontais (155px imagem + conteúdo)
 * - Grid em 1 ou 2 colunas conforme breakpoint
 * 
 * TODO:
 * - Atualizar template-parts/content-compact-card.php para incluir excerpt
 * - Adicionar data ao card
 * - Criar .t6-compact-card__header e .t6-compact-card__body no HTML
 */

 /**
 * Newsletter CTA Styles - Desktop Layout Fixed
 * Theme 6 v2
 * 
 * LAYOUT DESKTOP (1024px+):
 * - Input + Botão na mesma linha (inline)
 * - Container: 1362px
 * - Título: 32px SemiBold
 * - Subtítulo: 20px Regular
 * - Info: Inline (ícone + texto horizontal)
 * 
 * MOBILE: 100% preservado (input e botão verticais)
 * 
 * @package Tema_06
 */

/* ============================================
   CSS CUSTOM PROPERTIES
   ============================================ */

:root {
	/* Cores Newsletter */
	--t6-newsletter-bg: #12264D;
	--t6-newsletter-title: #ffffff;
	--t6-newsletter-subtitle: #ebebeb;
	--t6-newsletter-input-bg: #0C1933;
	--t6-newsletter-input-text: #ffffff;
	--t6-newsletter-input-placeholder: rgba(255, 255, 255, 0.6);
	--t6-newsletter-btn-bg: #F8285B;
	--t6-newsletter-btn-border: #F8285B;
	--t6-newsletter-btn-text: #ffffff;
	--t6-newsletter-info-icon: #b2e2ff;
	--t6-newsletter-info-text: #f7f7f7;
	--t6-newsletter-link: #b2e2ff;
	--t6-newsletter-success: #F8285B;
	--t6-newsletter-error: #ff6b6b;
}


/* ============================================
   NEWSLETTER CTA SECTION
   ============================================ */

.t6-newsletter-cta {
	padding: 20px 0 64px 0; /* Gap de 64px para próxima seção */
	background-color: #ffffff;
}

.t6-newsletter-cta__container {
	max-width: 360px;
	margin: 0 auto;
	padding: 0 20px;
}


/* ============================================
   BOX (CARD ESCURO)
   ============================================ */

.t6-newsletter-cta__box {
	background-color: var(--t6-newsletter-bg);
	padding: 60px 32px;
	border-radius: 8px;
	display: flex;
	flex-direction: column;
	gap: 16px;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
}


/* ============================================
   HEADER (TÍTULO + SUBTÍTULO)
   ============================================ */

.t6-newsletter-cta__header {
	display: flex;
	flex-direction: column;
	gap: 12px;
	text-align: center;
}

/* Título */
.t6-newsletter-cta__title {
	font-family: var(--t6-font-family);
	font-weight: 600;
	font-size: 28px;
	line-height: 1.2;
	color: #ffffff !important;
	margin: 0;
}

/* Subtítulo */
.t6-newsletter-cta__subtitle {
	font-family: var(--t6-font-family);
	font-weight: 400;
	font-size: 16px;
	line-height: 1.4;
	color: var(--t6-newsletter-subtitle);
	margin: 0;
}


/* ============================================
   FORMULÁRIO
   ============================================ */

.t6-newsletter-cta__form {
	display: flex;
	flex-direction: column;
	gap: 12px;
	padding: 12px 8px;
}

/* Input Wrapper */
.t6-newsletter-cta__input-wrapper {
	position: relative;
}

/* Input de E-mail */
.t6-newsletter-cta__input {
	width: 100%;
	padding: 12px;
	background-color: var(--t6-newsletter-input-bg);
	border: none;
	border-radius: 100px;
	font-family: var(--t6-font-family);
	font-weight: 400;
	font-size: 16px;
	line-height: 1;
	color: var(--t6-newsletter-input-text);
	text-align: center;
	transition: all 0.3s ease;
}

.t6-newsletter-cta__input::placeholder {
	color: var(--t6-newsletter-input-placeholder);
}

.t6-newsletter-cta__input:focus {
	outline: none;
	background-color: lighten(#1e433e, 5%);
	box-shadow: 0 0 0 3px rgba(76, 179, 160, 0.3);
}

.t6-newsletter-cta__input[aria-invalid="true"] {
	box-shadow: 0 0 0 2px var(--t6-newsletter-error);
}

/* Botão Submit */
.t6-newsletter-cta__btn {
	padding: 8px 16px;
	background-color: var(--t6-newsletter-btn-bg);
	border: 1px solid var(--t6-newsletter-btn-border);
	border-radius: 100px;
	font-family: var(--t6-font-family);
	font-weight: 600;
	font-size: 16px;
	line-height: 1;
	color: var(--t6-newsletter-btn-text);
	text-transform: uppercase;
	cursor: pointer;
	transition: all 0.3s ease;
	align-self: center;
}

.t6-newsletter-cta__btn:hover:not(:disabled),
.t6-newsletter-cta__btn:focus:not(:disabled) {
	opacity: 0.9;
	transform: scale(1.05);
	box-shadow: 0 4px 12px rgba(76, 179, 160, 0.4);
}

.t6-newsletter-cta__btn:active:not(:disabled) {
	transform: scale(0.98);
}

.t6-newsletter-cta__btn:disabled {
	opacity: 0.6;
	cursor: not-allowed;
}

.t6-newsletter-cta__btn--loading {
	position: relative;
}

.t6-newsletter-cta__btn--loading::after {
	content: '';
	position: absolute;
	right: 12px;
	top: 50%;
	transform: translateY(-50%);
	width: 12px;
	height: 12px;
	border: 2px solid rgba(255, 255, 255, 0.3);
	border-top-color: white;
	border-radius: 50%;
	animation: t6-newsletter-spin 0.8s linear infinite;
}

@keyframes t6-newsletter-spin {
	to { transform: translateY(-50%) rotate(360deg); }
}


/* ============================================
   MENSAGENS (SUCCESS/ERROR)
   ============================================ */

.t6-newsletter-cta__messages {
	min-height: 0;
}

.t6-newsletter-cta__error,
.t6-newsletter-cta__success {
	font-family: var(--t6-font-family);
	font-size: 14px;
	line-height: 1.4;
	text-align: center;
	padding: 8px 12px;
	border-radius: 6px;
	margin: 0;
}

.t6-newsletter-cta__error {
	color: var(--t6-newsletter-error);
	background-color: rgba(255, 107, 107, 0.1);
	border: 1px solid rgba(255, 107, 107, 0.3);
}

.t6-newsletter-cta__success {
	color: var(--t6-newsletter-success);
	background-color: rgba(156, 228, 82, 0.1);
	border: 1px solid rgba(156, 228, 82, 0.3);
}


/* ============================================
   INFO (PRIVACY POLICY)
   ============================================ */

.t6-newsletter-cta__info {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 10px;
	text-align: center;
}

/* Ícone Info */
.t6-newsletter-cta__info-icon {
	width: 20px;
	height: 20px;
	color: var(--t6-newsletter-info-icon);
	flex-shrink: 0;
}

/* Texto Info */
.t6-newsletter-cta__info-text {
	font-family: var(--t6-font-family);
	font-weight: 400;
	font-size: 16px;
	line-height: 1.4;
	color: var(--t6-newsletter-info-text);
	margin: 0;
}

/* Link Privacy Policy */
.t6-newsletter-cta__link {
	color: var(--t6-newsletter-link);
	font-weight: 700;
	font-style: italic;
	text-decoration: underline;
	text-underline-offset: 2px;
	transition: opacity 0.3s ease;
}

.t6-newsletter-cta__link:hover,
.t6-newsletter-cta__link:focus {
	opacity: 0.8;
}


/* ============================================
   RESPONSIVO - TABLET
   ============================================ */

@media (min-width: 768px) {
	.t6-newsletter-cta__container {
		max-width: 600px;
	}

	.t6-newsletter-cta__box {
		padding: 80px 48px;
		gap: 20px;
	}

	.t6-newsletter-cta__title {
		font-size: 32px;
	}

	.t6-newsletter-cta__subtitle {
		font-size: 18px;
	}

	.t6-newsletter-cta__input {
		font-size: 18px;
		padding: 14px;
	}

	.t6-newsletter-cta__btn {
		padding: 10px 24px;
		font-size: 18px;
	}
}


/* ============================================
   RESPONSIVO - DESKTOP (1024px+)
   🎯 INPUT + BOTÃO INLINE
   ============================================ */

@media (min-width: 1024px) {
	
	/* ============================================
	   SECTION
	   ============================================ */
	
	.t6-newsletter-cta {
		padding: 40px 0 80px 0;
	}

	/* Container: largura máxima desktop */
	.t6-newsletter-cta__container {
		max-width: 1362px;
		padding: 0 20px;
	}

	/* ============================================
	   BOX (CARD ESCURO)
	   ============================================ */
	
	.t6-newsletter-cta__box {
		/* Padding conforme Figma */
		padding: 60px 0;
		/* Largura total (sem padding horizontal extra) */
		width: 100%;
		/* Gap entre elementos */
		gap: 16px;
	}

	/* ============================================
	   HEADER (TÍTULO + SUBTÍTULO)
	   ============================================ */
	
	.t6-newsletter-cta__header {
		gap: 12px;
	}

	/* Título */
	.t6-newsletter-cta__title {
		font-size: 32px; /* H3 Desktop */
		font-weight: 600; /* SemiBold */
		line-height: 1; /* 100% */
	}

	/* Subtítulo */
	.t6-newsletter-cta__subtitle {
		font-size: 20px; /* Text Large */
		font-weight: 400; /* Regular */
		line-height: 1; /* 100% */
	}

	/* ============================================
	   FORMULÁRIO: INPUT + BOTÃO INLINE
	   ============================================ */
	
	.t6-newsletter-cta__form {
		/* Flex horizontal (inline) */
		flex-direction: row;
		align-items: center;
		justify-content: center;
		gap: 12px;
		/* Padding conforme Figma */
		padding: 8px;
		/* Background compartilhado do input */
		background-color: var(--t6-newsletter-input-bg);
		border-radius: 1000px;
		/* Largura máxima para centralizar */
		max-width: fit-content;
		margin: 0 auto;
	}

	/* ============================================
	   INPUT WRAPPER
	   ============================================ */
	
	.t6-newsletter-cta__input-wrapper {
		/* Flex grow para ocupar espaço */
		flex: 1;
		/* Width mínimo */
		min-width: 300px;
	}

	/* ============================================
	   INPUT DE E-MAIL
	   ============================================ */
	
	.t6-newsletter-cta__input {
		/* Remove background (já está no form) */
		background-color: transparent;
		/* Padding reduzido */
		padding: 0 12px;
		/* Altura para alinhar com botão */
		height: 40px;
		/* Fonte */
		font-size: 16px;
		/* Text align left no desktop */
		text-align: left;
		/* Remove border-radius (já está no form) */
		border-radius: 0;
	}

	.t6-newsletter-cta__input:focus {
		/* Remove background no focus */
		background-color: transparent;
		/* Remove box-shadow (conflito com form) */
		box-shadow: none;
	}

	/* ============================================
	   BOTÃO SUBMIT
	   ============================================ */
	
	.t6-newsletter-cta__btn {
		/* Remove align-self center */
		align-self: auto;
		/* Padding conforme Figma */
		padding: 8px 16px;
		/* Fonte */
		font-size: 16px;
		font-weight: 600; /* SemiBold */
		/* Flex-shrink para não encolher */
		flex-shrink: 0;
	}

	/* ============================================
	   INFO (PRIVACY POLICY)
	   ============================================ */
	
	.t6-newsletter-cta__info {
		/* Flex horizontal (inline) */
		flex-direction: row;
		align-items: center;
		justify-content: center;
		gap: 10px;
	}

	/* Texto Info */
	.t6-newsletter-cta__info-text {
		font-size: 16px;
		/* Remove wrap para manter inline */
		white-space: nowrap;
	}

	/* ============================================
	   MENSAGENS (SUCCESS/ERROR)
	   ============================================ */
	
	.t6-newsletter-cta__messages {
		/* Centraliza mensagens */
		text-align: center;
		/* Width máximo */
		max-width: 600px;
		margin: 0 auto;
	}
}


/* ============================================
   ACESSIBILIDADE
   ============================================ */

/* Screen reader only */
.t6-sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

/* Focus visible */
.t6-newsletter-cta__input:focus-visible,
.t6-newsletter-cta__btn:focus-visible,
.t6-newsletter-cta__link:focus-visible {
	outline: 3px solid var(--t6-newsletter-btn-bg);
	outline-offset: 3px;
}

/* Reduz animações se preferência do usuário */
@media (prefers-reduced-motion: reduce) {
	.t6-newsletter-cta__input,
	.t6-newsletter-cta__btn,
	.t6-newsletter-cta__link {
		transition: none;
	}

	.t6-newsletter-cta__btn--loading::after {
		animation: none;
	}
}


/* ============================================
   NOTAS FINAIS
   ============================================ */

/**
 * ✅ DESKTOP LAYOUT ATUALIZADO (1024px+)
 * 
 * Baseado no design Figma (4039:2742)
 * 
 * MUDANÇAS PRINCIPAIS:
 * - Container: 1362px
 * - Box padding: 60px 0 (sem padding horizontal extra)
 * - Título: 32px SemiBold (H3 Desktop)
 * - Subtítulo: 20px Regular (Text Large)
 * - Form: flex-direction row (input + botão inline)
 * - Form background: #1e433e (compartilhado)
 * - Input: background transparent, text-align left
 * - Botão: inline, 16px SemiBold
 * - Info: flex-direction row (ícone + texto inline)
 * - Gap: 16px (elementos), 12px (header interno), 8px (form padding)
 * 
 * MOBILE INTACTO:
 * - Input e botão verticais (flex-column)
 * - Todos os estilos mobile preservados
 * - Background do input separado
 * 
 * TODO:
 * - Testar responsividade entre 1024px-1362px
 * - Validar alinhamento vertical do input/botão
 */

/**
 * Interested Carousel Styles - 4 CARDS COMPLETOS NO DESKTOP
 * Mobile: 1 card com preview do próximo
 * Desktop: 4 cards completos e centralizados
 */

:root {
	--t6-interested-title-color: #000000;
	--t6-interested-date-color: #F8285B;
	--t6-interested-card-bg: #ffffff;
	--t6-interested-card-border: #ebebeb;
	--t6-interested-arrow-bg: #F8285B;
	--t6-interested-arrow-border: #F8285B;
	--t6-interested-arrow-icon: #ffffff;
	--t6-interested-nav-bg: #F8285B;
	--t6-interested-nav-color: #ffffff;
	--t6-interested-arrow-size: 38px;
}

.t6-interested-carousel {
	padding: 20px 0 64px 0;
	background-color: #ffffff;
	overflow: hidden;
}

.t6-interested-carousel__title {
	font-family: var(--t6-font-family);
	font-weight: 600;
	font-size: 32px;
	line-height: 1.2;
	color: var(--t6-interested-title-color);
	text-align: center;
	margin: 0 auto 32px auto;
	padding: 0 20px;
	max-width: 320px;
}

/* Container: permite overflow no mobile */
.t6-interested-carousel__container {
	position: relative;
	max-width: 100%;
	margin: 0 auto;
	padding: 0 20px;
}

/* Track */
.t6-interested-carousel__track {
	display: flex;
	gap: 16px;
	transition: transform 0.4s ease-in-out;
	will-change: transform;
}

/* Card: Mobile com preview (85% width) */
.t6-interested-card {
	flex: 0 0 85%; /* Mostra 85% + preview do próximo */
	width: 85%;
	background-color: var(--t6-interested-card-bg);
	border: 1px solid var(--t6-interested-card-border);
	border-radius: 8px;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	transition: all 0.3s ease;
}

.t6-interested-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
}

.t6-interested-card__thumb {
	display: block;
	width: 100%;
	height: 240px;
	overflow: hidden;
	position: relative;
	text-decoration: none;
}

.t6-interested-card__thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	display: block;
	transition: transform 0.3s ease;
}

.t6-interested-card__thumb:hover img,
.t6-interested-card__thumb:focus img {
	transform: scale(1.05);
}

.t6-interested-card__content {
	padding: 24px 16px;
	display: flex;
	flex-direction: column;
	gap: 24px;
	flex-grow: 1;
}

.t6-interested-card__date {
	font-family: var(--t6-font-family);
	font-weight: 400;
	font-size: 16px;
	line-height: 1;
	color: var(--t6-interested-date-color);
	display: block;
}

.t6-interested-card__footer {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 29px;
}

.t6-interested-card__title {
	flex: 1;
	font-family: var(--t6-font-family);
	font-weight: 600;
	font-size: 24px;
	line-height: 1.2;
	color: var(--t6-interested-title-color);
	margin: 0;
	word-wrap: break-word;
}

.t6-interested-card__title a {
	color: inherit;
	text-decoration: none;
	transition: opacity 0.3s ease;
}

.t6-interested-card__title a:hover,
.t6-interested-card__title a:focus {
	opacity: 0.8;
}

.t6-interested-card__arrow {
	flex-shrink: 0;
	width: var(--t6-interested-arrow-size);
	height: var(--t6-interested-arrow-size);
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: var(--t6-interested-arrow-bg);
	border: 1px solid var(--t6-interested-arrow-border);
	border-radius: 100px;
	color: var(--t6-interested-arrow-icon);
	text-decoration: none;
	transition: all 0.3s ease;
}

.t6-interested-card__arrow:hover,
.t6-interested-card__arrow:focus {
	opacity: 0.9;
	transform: scale(1.1);
}

.t6-interested-card__arrow:active {
	transform: scale(0.95);
}

.t6-interested-card__arrow svg {
	width: 16px;
	height: 16px;
	display: block;
}

/* Navegação */
.t6-interested-carousel__nav {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 10;
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: var(--t6-interested-nav-bg);
	color: var(--t6-interested-nav-color);
	border: none;
	border-radius: 50%;
	cursor: pointer;
	transition: all 0.3s ease;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.t6-interested-carousel__nav:hover:not(:disabled),
.t6-interested-carousel__nav:focus:not(:disabled) {
	background-color: #349887;
	transform: translateY(-50%) scale(1.1);
}

.t6-interested-carousel__nav:active:not(:disabled) {
	transform: translateY(-50%) scale(0.95);
}

.t6-interested-carousel__nav:disabled {
	opacity: 0.3;
	cursor: not-allowed;
}

.t6-interested-carousel__nav svg {
	width: 20px;
	height: 20px;
	display: block;
}

.t6-interested-carousel__nav--prev {
	left: -10px;
}

.t6-interested-carousel__nav--next {
	right: -10px;
}

/* ============================================
   TABLET (768px+): 2 cards
   ============================================ */
@media (min-width: 768px) {
	.t6-interested-card {
		flex: 0 0 calc(50% - 8px);
		width: calc(50% - 8px);
	}

	.t6-interested-carousel__container {
		padding: 0 60px;
	}

	.t6-interested-carousel__title {
		font-size: 36px;
		max-width: 450px;
	}

	.t6-interested-carousel__nav {
		width: 48px;
		height: 48px;
	}

	.t6-interested-carousel__nav svg {
		width: 24px;
		height: 24px;
	}

	.t6-interested-carousel__nav--prev {
		left: 10px;
	}

	.t6-interested-carousel__nav--next {
		right: 10px;
	}
}

/* ============================================
   DESKTOP (1024px+): 4 CARDS COMPLETOS
   ============================================ */
@media (min-width: 1024px) {
	.t6-interested-carousel {
		padding: 40px 0 80px 0;
	}

	/* Container centralizado com padding */
	.t6-interested-carousel__container {
		max-width: 1400px;
		padding: 0 80px;
	}

	/* Track centralizado */
	.t6-interested-carousel__track {
		gap: 20px;
		justify-content: center; /* Centraliza os cards */
	}

	/* 4 cards completos e visíveis */
	.t6-interested-card {
		flex: 0 0 calc(25% - 15px); /* 4 cards = 25% cada */
		width: calc(25% - 15px);
		max-width: 320px; /* Largura máxima para não ficarem muito largos */
	}

	.t6-interested-carousel__title {
		font-size: 40px;
		margin-bottom: 40px;
		max-width: 600px;
	}

	.t6-interested-card__thumb {
		height: 280px;
	}

	.t6-interested-card__content {
		padding: 28px 20px;
	}

	.t6-interested-card__title {
		font-size: 20px;
	}
}

/* ============================================
   LARGE DESKTOP (1400px+): 4 cards maiores
   ============================================ */
@media (min-width: 1400px) {
	.t6-interested-carousel__container {
		max-width: 1600px;
		padding: 0 100px;
	}

	.t6-interested-card {
		flex: 0 0 calc(25% - 15px);
		width: calc(25% - 15px);
		max-width: 360px; /* Cards maiores em telas grandes */
	}

	.t6-interested-card__thumb {
		height: 300px;
	}

	.t6-interested-card__content {
		padding: 32px 24px;
	}

	.t6-interested-card__title {
		font-size: 24px;
	}
}

/* Acessibilidade */
.t6-interested-card__thumb:focus-visible,
.t6-interested-card__title a:focus-visible,
.t6-interested-card__arrow:focus-visible,
.t6-interested-carousel__nav:focus-visible {
	outline: 3px solid var(--t6-interested-nav-bg);
	outline-offset: 3px;
}

@media (prefers-reduced-motion: reduce) {
	.t6-interested-carousel__track,
	.t6-interested-card,
	.t6-interested-card__thumb img,
	.t6-interested-card__title a,
	.t6-interested-card__arrow,
	.t6-interested-carousel__nav {
		transition: none;
	}
}

/**
 * Footer Styles - Desktop Layout
 * Theme 6 v2
 * 
 * Mobile: Vertical centralizado ✅
 * Desktop: 2 colunas + horizontal ✅
 * 
 * @package Tema_06
 */

:root {
	--t6-footer-bg: #12264D;
	--t6-footer-logo-bg: #F8285B;
	--t6-footer-text-color: #ffffff;
	--t6-footer-text-muted: #ebebeb;
	--t6-footer-title-color: #ffffff;
	--t6-footer-link-color: #ffffff;
	--t6-footer-link-hover: #F8285B;
	--t6-footer-box-bg: #0C1933;
	--t6-footer-copyright-color: #ebebeb;
}

.t6-footer {
	background-color: var(--t6-footer-bg);
	padding: 60px 20px 40px 20px;
	color: var(--t6-footer-text-color);
}

.t6-footer__container {
	max-width: 520px;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	gap: 40px;
}

/* ============================================
   HEADER (LOGO + TEXTO)
   ============================================ */

.t6-footer__header {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 24px;
	text-align: center;
}

.t6-footer__site-logo {
	display: flex;
	align-items: center;
	justify-content: center;
}

.t6-footer__site-logo .custom-logo-link,
.t6-footer__logo-link {
	display: block;
	text-decoration: none;
	max-width: 285px;
	width: 100%;
}

.t6-footer__site-logo img {
	max-width: 285px;
	max-height: 102px;
	width: 100%;
	height: auto;
	display: block;
	object-fit: contain;
}

.t6-footer__logo-text {
	display: inline-block;
	background-color: var(--t6-footer-logo-bg);
	color: #000000;
	font-family: var(--t6-font-family);
	font-weight: 700;
	font-size: 48px;
	line-height: 1;
	padding: 26px 55px;
	border-radius: 8px;
	text-transform: uppercase;
	letter-spacing: 4px;
}

.t6-footer__description {
	font-family: var(--t6-font-family);
	font-weight: 400;
	font-size: 16px;
	line-height: 1.5;
	color: var(--t6-footer-text-muted);
	margin: 0;
	max-width: 400px;
}

/* ============================================
   BROWSE BY CATEGORY
   ============================================ */

.t6-footer__categories {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 20px;
}

.t6-footer__title {
	font-family: var(--t6-font-family);
	font-weight: 600;
	font-size: 24px;
	line-height: 1.2;
	color: #ffffff !important;
	margin: 0;
	text-align: center;
}

.t6-footer__category-list {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 16px;
	width: 100%;
}

.t6-footer__category-list li {
	margin: 0;
	padding: 0;
}

.t6-footer__category-list a {
	font-family: var(--t6-font-family);
	font-weight: 700;
	font-size: 18px;
	line-height: 1;
	color: var(--t6-footer-link-color);
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 1px;
	transition: color 0.3s ease;
	display: inline-block;
	padding: 8px 16px;
}

.t6-footer__category-list a:hover,
.t6-footer__category-list a:focus {
	color: var(--t6-footer-link-hover);
}

/* ============================================
   RELEVANT LINKS (BOX VERDE)
   ============================================ */

.t6-footer__links-box {
	background-color: var(--t6-footer-box-bg);
	border-radius: 8px;
	padding: 48px 32px;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 24px;
}

.t6-footer__links-title {
	font-family: var(--t6-font-family);
	font-weight: 600;
	font-size: 24px;
	line-height: 1.2;
	color: #ffffff !important; 
	margin: 0;
	text-align: center;
}

.t6-footer__links-list {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 16px;
	width: 100%;
}

.t6-footer__links-list li {
	margin: 0;
	padding: 0;
}

.t6-footer__links-list a {
	font-family: var(--t6-font-family);
	font-weight: 600;
	font-size: 16px;
	line-height: 1.5;
	color: var(--t6-footer-link-color);
	text-decoration: none;
	transition: color 0.3s ease;
	display: inline-block;
	padding: 8px 16px;
}

.t6-footer__links-list a:hover,
.t6-footer__links-list a:focus {
	color: var(--t6-footer-link-hover);
}

/* ============================================
   LOGO TREK (BRANCA)
   ============================================ */

.t6-footer__trek-brand {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 20px 0;
}

.t6-footer__trek-logo {
	max-width: 180px;
	height: auto;
	display: block;
	opacity: 1;
	transition: opacity 0.3s ease;
}

.t6-footer__trek-logo:hover {
	opacity: 0.8;
}

/* ============================================
   COPYRIGHT
   ============================================ */

.t6-footer__copyright {
	text-align: center;
	padding-top: 20px;
}

.t6-footer__copyright p {
	font-family: var(--t6-font-family);
	font-weight: 400;
	font-size: 14px;
	line-height: 1.5;
	color: var(--t6-footer-copyright-color);
	margin: 0;
}

/* ============================================
   RESPONSIVO - TABLET
   ============================================ */

@media (min-width: 768px) {
	.t6-footer {
		padding: 80px 40px 50px 40px;
	}

	.t6-footer__container {
		max-width: 640px;
		gap: 50px;
	}

	.t6-footer__description {
		font-size: 16px;
		max-width: 500px;
	}

	.t6-footer__title,
	.t6-footer__links-title {
		font-size: 24px;
	}

	.t6-footer__category-list a {
		font-size: 18px;
	}

	.t6-footer__links-list a {
		font-size: 16px;
	}

	.t6-footer__links-box {
		padding: 56px 48px;
	}

	.t6-footer__trek-logo {
		max-width: 220px;
	}
}

/* ============================================
   RESPONSIVO - DESKTOP (1024px+)
   ============================================ */

@media (min-width: 1024px) {
	.t6-footer {
		padding: 80px 60px;
	}

	/* Container desktop: largura máxima */
	.t6-footer__container {
		max-width: 1362px;
		gap: 40px;
	}

	/* ============================================
	   ROW 1: LOGO + CATEGORIES (2 COLUNAS)
	   ============================================ */

	/* Wrapper para logo e categories */
	.t6-footer__header,
	.t6-footer__categories {
		flex: 0 0 285px;
		width: 285px;
	}

	/* Container das duas primeiras seções */
	.t6-footer__container > .t6-footer__header {
		order: 1;
	}

	.t6-footer__container > .t6-footer__categories {
		order: 2;
	}

	/* Cria row 1 com flexbox */
	@supports (display: grid) {
		.t6-footer__container {
			display: grid;
			grid-template-columns: 285px 1fr 285px;
			grid-template-rows: auto auto auto;
			gap: 40px;
			justify-items: start;
		}

		.t6-footer__header {
			grid-column: 1;
			grid-row: 1;
			align-items: flex-start;
			text-align: left;
		}

		.t6-footer__categories {
			grid-column: 3;
			grid-row: 1;
			align-items: flex-start;
			text-align: left;
		}

		.t6-footer__links-box {
			grid-column: 1 / -1;
			grid-row: 2;
			width: 100%;
		}

		.t6-footer__copyright {
			grid-column: 1 / -1;
			grid-row: 3;
			width: 100%;
		}
	}

	/* Header: alinhamento esquerda */
	.t6-footer__header {
		align-items: flex-start;
		text-align: left;
		gap: 24px;
	}

	.t6-footer__site-logo {
		justify-content: flex-start;
	}

	/* Categories: alinhamento esquerda */
	.t6-footer__categories {
		align-items: flex-start;
		gap: 24px;
	}

	.t6-footer__title {
		text-align: left;
		font-size: 28px;
	}

	.t6-footer__category-list {
		align-items: flex-start;
		gap: 16px;
	}

	.t6-footer__category-list a {
		font-size: 20px;
		font-weight: 700;
	}

	/* ============================================
	   ROW 2: RELEVANT LINKS (HORIZONTAL)
	   ============================================ */

	.t6-footer__links-box {
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
		padding: 24px 16px;
		gap: 16px;
	}

	.t6-footer__links-title {
		text-align: left;
		font-size: 28px;
		flex-shrink: 0;
	}

	.t6-footer__links-list {
		flex-direction: row;
		flex-wrap: wrap;
		align-items: center;
		gap: 16px;
		width: auto;
	}

	.t6-footer__links-list a {
		font-size: 16px;
		font-weight: 600;
	}

	/* ============================================
	   ROW 3: COPYRIGHT + TREK (HORIZONTAL)
	   ============================================ */

	.t6-footer__copyright {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding-top: 0;
		text-align: left;
	}

	.t6-footer__copyright p {
		font-size: 16px;
		margin: 0;
	}

	.t6-footer__trek-brand {
		padding: 0;
		order: 2;
	}

	.t6-footer__trek-logo {
		max-width: 94px;
		max-height: 56px;
	}
}

/* ============================================
   ACESSIBILIDADE
   ============================================ */

.t6-footer__category-list a:focus-visible,
.t6-footer__links-list a:focus-visible {
	outline: 3px solid var(--t6-footer-link-hover);
	outline-offset: 4px;
	border-radius: 2px;
}

@media (prefers-reduced-motion: reduce) {
	.t6-footer__category-list a,
	.t6-footer__links-list a,
	.t6-footer__trek-logo {
		transition: none;
	}
}

 /**
 * Category Archive Styles
 * Theme 6 v2
 * 
 * Design Tokens do Figma (4039-2846):
 * 
 * CARD:
 * - Background: #ffffff
 * - Border: #ebebeb
 * - Border-radius: 8px
 * - Image height: 240px
 * - Padding: 24px 16px
 * - Data: #349887 (14px SemiBold)
 * - Título: #000000 (20px SemiBold)
 * - Excerpt: #595959 (16px Regular)
 * - Button: #F8285B (16px SemiBold)
 * 
 * PAGINAÇÃO:
 * - Background: #f7f7f7
 * - Border-radius: 100px
 * - Padding: 12px 16px
 * - Números: 16px SemiBold
 * - Active: #d5f2ea bg, #204f49 border/text
 * - Arrows: #4cb3a0 bg (24x24px)
 * 
 * @package Tema_06
 */

/* ============================================
   CSS CUSTOM PROPERTIES
   ============================================ */

:root {
	/* Category Page */
	--t6-cat-header-color: #000000;
	--t6-cat-card-bg: #ffffff;
	--t6-cat-card-border: #ebebeb;
	--t6-cat-date-color: #F8285B;
	--t6-cat-title-color: #000000;
	--t6-cat-excerpt-color: #595959;
	--t6-cat-btn-bg: #F8285B;
	--t6-cat-btn-text: #000000;
	
	/* Paginação */
	--t6-pag-bg: #f7f7f7;
	--t6-pag-number-color: #000000;
	--t6-pag-active-bg: #d5f2ea;
	--t6-pag-active-border: #204f49;
	--t6-pag-active-text: #204f49;
	--t6-pag-arrow-bg: #4cb3a0;
	--t6-pag-arrow-disabled: #cccccc;
}


/* ============================================
   CATEGORY ARCHIVE
   ============================================ */

.t6-category-archive {
	background-color: #ffffff;
	padding-bottom: 0;
}


/* ============================================
   HEADER DA CATEGORIA (FUNDO ESCURO)
   ============================================ */

.t6-cat-header {
	padding: 40px 20px 60px 20px;
	background-color: #12264D; /* Mesmo verde escuro do header */
	margin-top: -20px; /* Cola no header */
}

.t6-cat-header__container {
	max-width: 360px;
	margin: 0 auto;
	text-align: center;
}

.t6-cat-header__title {
	font-family: var(--t6-font-family);
	font-weight: 600;
	font-size: 32px;
	line-height: 1.2;
	color: #ffffff !important; /* Branco no fundo escuro */
	margin: 0 0 16px 0;
}

.t6-cat-header__description {
	font-family: var(--t6-font-family);
	font-weight: 400;
	font-size: 16px;
	line-height: 1.5;
	color: rgba(255, 255, 255, 0.8); /* Branco transparente */
	margin: 0;
}

.t6-cat-header__description p {
	margin: 0 0 12px 0;
	color: rgba(255, 255, 255, 0.8);
}

.t6-cat-header__description p:last-child {
	margin-bottom: 0;
}


/* ============================================
   GRID DE POSTS
   ============================================ */

.t6-cat-posts {
	padding: 40px 0 60px 0;
	background-color: #ffffff;
}

.t6-cat-posts__container {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 20px;
}

.t6-cat-posts__grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 24px;
	margin-bottom: 48px;
}

@media (min-width: 768px) {
	.t6-cat-posts__grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 32px;
	}
}

@media (min-width: 1024px) {
	.t6-cat-posts__grid {
		grid-template-columns: repeat(3, 1fr);
		gap: 32px;
	}
}


/* ============================================
   CARD DO POST
   ============================================ */

.t6-cat-card {
	background-color: var(--t6-cat-card-bg);
	border: 1px solid var(--t6-cat-card-border);
	border-radius: 8px;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	transition: all 0.3s ease;
}

.t6-cat-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
}

/* Thumbnail */
.t6-cat-card__thumb {
	display: block;
	width: 100%;
	height: 240px;
	overflow: hidden;
	position: relative;
	border-radius: 8px 8px 0 0;
}

.t6-cat-card__thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	display: block;
	transition: transform 0.3s ease;
}

.t6-cat-card__thumb:hover img,
.t6-cat-card__thumb:focus img {
	transform: scale(1.05);
}

/* Content */
.t6-cat-card__content {
	padding: 24px 16px;
	display: flex;
	flex-direction: column;
	gap: 16px;
	flex-grow: 1;
}

/* Data */
.t6-cat-card__date {
	font-family: var(--t6-font-family);
	font-weight: 600;
	font-size: 14px;
	line-height: 1;
	color: var(--t6-cat-date-color);
	display: block;
}

/* Título */
.t6-cat-card__title {
	font-family: var(--t6-font-family);
	font-weight: 600;
	font-size: 20px;
	line-height: 1.3;
	color: var(--t6-cat-title-color);
	margin: 0;
}

.t6-cat-card__title a {
	color: inherit;
	text-decoration: none;
	transition: opacity 0.3s ease;
}

.t6-cat-card__title a:hover,
.t6-cat-card__title a:focus {
	opacity: 0.8;
}

/* Excerpt */
.t6-cat-card__excerpt {
	font-family: var(--t6-font-family);
	font-weight: 400;
	font-size: 16px;
	line-height: 1.5;
	color: var(--t6-cat-excerpt-color);
	margin: 0;
	flex-grow: 1;
}

/* Botão Read More */
.t6-cat-card__btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 12px 24px;
	background-color: var(--t6-cat-btn-bg);
	border: 1px solid var(--t6-cat-btn-bg);
	border-radius: 100px;
	font-family: var(--t6-font-family);
	font-weight: 600;
	font-size: 16px;
	line-height: 1;
	color: var(--t6-cat-btn-text);
	text-decoration: none;
	transition: all 0.3s ease;
	align-self: flex-start;
}

.t6-cat-card__btn:hover,
.t6-cat-card__btn:focus {
	opacity: 0.9;
	transform: scale(1.05);
}

.t6-cat-card__btn:active {
	transform: scale(0.98);
}


/* ============================================
   PAGINAÇÃO
   ============================================ */

.t6-cat-pagination {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 24px;
	padding: 12px 16px;
	background-color: var(--t6-pag-bg);
	border-radius: 100px;
	max-width: fit-content;
	margin: 0 auto;
}

/* Números */
.t6-cat-pagination__numbers {
	display: flex;
	align-items: center;
	gap: 12px;
}

.t6-cat-pagination__number {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 40px;
	padding: 8px 16px;
	font-family: var(--t6-font-family);
	font-weight: 600;
	font-size: 16px;
	line-height: 1;
	color: var(--t6-pag-number-color);
	text-decoration: none;
	border-radius: 100px;
	border: 1px solid transparent;
	background-color: transparent;
	transition: all 0.3s ease;
}

.t6-cat-pagination__number:hover,
.t6-cat-pagination__number:focus {
	background-color: rgba(0, 0, 0, 0.05);
}

/* Número Ativo */
.t6-cat-pagination__number--current {
	background-color: var(--t6-pag-active-bg);
	border-color: var(--t6-pag-active-border);
	color: var(--t6-pag-active-text);
	cursor: default;
}

.t6-cat-pagination__number--current:hover {
	background-color: var(--t6-pag-active-bg);
}

/* Dots */
.t6-cat-pagination__dots {
	font-family: var(--t6-font-family);
	font-weight: 600;
	font-size: 16px;
	color: var(--t6-pag-number-color);
	padding: 0 4px;
}

/* Setas */
.t6-cat-pagination__arrow {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
	padding: 8px;
	background-color: var(--t6-pag-arrow-bg);
	border: 1px solid var(--t6-pag-arrow-bg);
	border-radius: 100px;
	color: #ffffff;
	text-decoration: none;
	transition: all 0.3s ease;
	flex-shrink: 0;
}

.t6-cat-pagination__arrow:hover,
.t6-cat-pagination__arrow:focus {
	opacity: 0.9;
	transform: scale(1.1);
}

.t6-cat-pagination__arrow:active {
	transform: scale(0.95);
}

.t6-cat-pagination__arrow svg {
	width: 12px;
	height: 20px;
	display: block;
}

/* Seta Desabilitada */
.t6-cat-pagination__arrow--disabled {
	background-color: var(--t6-pag-arrow-disabled);
	border-color: var(--t6-pag-arrow-disabled);
	opacity: 0.5;
	cursor: not-allowed;
	pointer-events: none;
}


/* ============================================
   EMPTY STATE (Nenhum post)
   ============================================ */

.t6-cat-empty {
	padding: 80px 20px;
	text-align: center;
}

.t6-cat-empty__container {
	max-width: 600px;
	margin: 0 auto;
}

.t6-cat-empty__title {
	font-family: var(--t6-font-family);
	font-weight: 600;
	font-size: 32px;
	line-height: 1.2;
	color: var(--t6-cat-header-color);
	margin: 0 0 16px 0;
}

.t6-cat-empty__text {
	font-family: var(--t6-font-family);
	font-weight: 400;
	font-size: 18px;
	line-height: 1.5;
	color: var(--t6-cat-excerpt-color);
	margin: 0 0 32px 0;
}

.t6-cat-empty__btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 12px 32px;
	background-color: var(--t6-cat-btn-bg);
	border: 1px solid var(--t6-cat-btn-bg);
	border-radius: 100px;
	font-family: var(--t6-font-family);
	font-weight: 600;
	font-size: 16px;
	line-height: 1;
	color: var(--t6-cat-btn-text);
	text-decoration: none;
	transition: all 0.3s ease;
}

.t6-cat-empty__btn:hover,
.t6-cat-empty__btn:focus {
	opacity: 0.9;
	transform: scale(1.05);
}


/* ============================================
   RESPONSIVO - TABLET
   ============================================ */

@media (min-width: 768px) {

	.t6-cat-header__container {
		max-width: 600px;
	}

	.t6-cat-header__title {
		font-size: 40px;
	}

	.t6-cat-header__description {
		font-size: 18px;
	}

	.t6-cat-posts {
		padding: 60px 0 80px 0;
	}

	.t6-cat-posts__container {
		padding: 0 40px;
	}

	.t6-cat-card__title {
		font-size: 22px;
	}
}


/* ============================================
   RESPONSIVO - DESKTOP
   ============================================ */

@media (min-width: 1024px) {

	.t6-cat-header__container {
		max-width: 800px;
	}

	.t6-cat-header__title {
		font-size: 48px;
	}

	.t6-cat-posts {
		padding: 80px 0 100px 0;
	}

	.t6-cat-posts__container {
		padding: 0 60px;
	}

	.t6-cat-card__title {
		font-size: 24px;
	}
}


/* ============================================
   ACESSIBILIDADE
   ============================================ */

/* Focus visible */
.t6-cat-card__thumb:focus-visible,
.t6-cat-card__title a:focus-visible,
.t6-cat-card__btn:focus-visible,
.t6-cat-pagination__number:focus-visible,
.t6-cat-pagination__arrow:focus-visible {
	outline: 3px solid var(--t6-pag-arrow-bg);
	outline-offset: 3px;
}

/* Reduz animações se preferência do usuário */
@media (prefers-reduced-motion: reduce) {
	.t6-cat-card,
	.t6-cat-card__thumb img,
	.t6-cat-card__title a,
	.t6-cat-card__btn,
	.t6-cat-pagination__number,
	.t6-cat-pagination__arrow {
		transition: none;
	}
}


/* ============================================
   NOTAS FINAIS
   ============================================ */

/**
 * Category Archive - Theme 6 v2
 * 
 * Estrutura preservada do Figma:
 * - Header com título da categoria centralizado
 * - Grid responsivo de cards (1/2/3 colunas)
 * - Cards com imagem 240px, data, título, excerpt, botão
 * - Paginação numerada com setas (design exato do Figma)
 * - Newsletter CTA
 * - Suggestions carousel
 * - Footer
 * 
 * Recursos implementados:
 * - Paginação WordPress nativa com range inteligente
 * - Empty state quando não há posts
 * - Breadcrumb integrado
 * - Totalmente responsivo
 * - Acessível (ARIA, keyboard nav)
 * - Hover effects
 * 
 * Tamanho de imagem usado:
 * - t06-cat-card: 320x240px (ratio 4:3)
 */

 /**
 * Single Post (Article) Styles
 * Theme 6 v2
 * 
 * Design Tokens do Figma (4039-3091):
 * 
 * HEADER DO POST:
 * - Background: #12264D (verde escuro)
 * - Título: #ffffff (branco, 32px SemiBold)
 * - Padding: 40px 20px
 * 
 * CONTEÚDO:
 * - Parágrafos: #595959 (16px Regular)
 * - H2: #000000 (24px SemiBold)
 * - H3: #000000 (20px SemiBold)
 * - Line-height: 1.6
 * 
 * ADS:
 * - Background: #f5f5f5
 * - Border: #ebebeb
 * - Height: 200px
 * - Border-radius: 8px
 * - Label: "ADS" centralizado
 * 
 * SHARE BUTTONS:
 * - Background: #4cb3a0 (verde água)
 * - Size: 40x40px
 * - Border-radius: 100px
 * - Gap: 24px
 * 
 * AUTOR:
 * - Border: #ebebeb
 * - Border-radius: 8px
 * - Padding: 24px
 * - Avatar: 120x120px circular
 * - Label: #349887 (14px SemiBold)
 * - Nome: #000000 (20px SemiBold)
 * - Bio: #595959 (16px Regular)
 * 
 * @package Tema_06
 */

/* ============================================
   CSS CUSTOM PROPERTIES
   ============================================ */

:root {
	/* Single Post */
	--t6-post-header-bg: #12264D;
	--t6-post-title-color: #ffffff;
	--t6-post-text-color: #595959;
	--t6-post-heading-color: #000000;
	--t6-post-ad-bg: #f5f5f5;
	--t6-post-ad-border: #ebebeb;
	--t6-post-share-bg: #4cb3a0;
	--t6-post-author-border: #ebebeb;
	--t6-post-author-label: #349887;
}


/* ============================================
   HEADER DO POST (FUNDO ESCURO)
   ============================================ */

.t6-post-header {
	padding: 20px 20px 40px 20px;
	background-color: var(--t6-post-header-bg);
	margin-top: -20px; /* Cola no header */
}

.t6-post-header__container {
	max-width: 360px;
	margin: 0 auto;
	text-align: center;
}

.t6-post-header__title {
	font-family: var(--t6-font-family);
	font-weight: 600;
	font-size: 20px;
	line-height: 1.3;
	color: #ffffff !important; /* Branco no fundo escuro */
	margin: 0;
}


/* ============================================
   SINGLE POST MAIN
   ============================================ */

.t6-single-post {
	background-color: #ffffff;
	padding-bottom: 0;
}


/* ============================================
   ARTICLE CONTAINER
   ============================================ */

.t6-post-article {
	padding: 40px 0 60px 0;
	background-color: #ffffff;
}

.t6-post-article__container {
	max-width: 360px;
	margin: 0 auto;
	padding: 0 20px;
}


/* ============================================
   CONTEÚDO DO POST
   ============================================ */

.t6-post-content {
	margin-bottom: 40px;
}

/* Parágrafos */
.t6-post-content p {
	font-family: var(--t6-font-family);
	font-weight: 400;
	font-size: 16px;
	line-height: 1.6;
	color: var(--t6-post-text-color);
	margin: 0 0 20px 0;
}

.t6-post-content p:last-child {
	margin-bottom: 0;
}

/* Headings H2 */
.t6-post-content h2 {
	font-family: var(--t6-font-family);
	font-weight: 600;
	font-size: 24px;
	line-height: 1.3;
	color: var(--t6-post-heading-color);
	margin: 32px 0 16px 0;
}

.t6-post-content h2:first-child {
	margin-top: 0;
}

/* Headings H3 */
.t6-post-content h3 {
	font-family: var(--t6-font-family);
	font-weight: 600;
	font-size: 20px;
	line-height: 1.3;
	color: var(--t6-post-heading-color);
	margin: 24px 0 12px 0;
}

.t6-post-content h3:first-child {
	margin-top: 0;
}

/* Listas */
.t6-post-content ul,
.t6-post-content ol {
	font-family: var(--t6-font-family);
	font-weight: 400;
	font-size: 16px;
	line-height: 1.6;
	color: var(--t6-post-text-color);
	margin: 0 0 20px 0;
	padding-left: 24px;
}

.t6-post-content ul li,
.t6-post-content ol li {
	margin-bottom: 8px;
}

/* Blockquote */
.t6-post-content blockquote {
	font-family: var(--t6-font-family);
	font-weight: 400;
	font-size: 18px;
	line-height: 1.6;
	color: var(--t6-post-heading-color);
	margin: 24px 0;
	padding: 20px 24px;
	border-left: 4px solid var(--t6-post-share-bg);
	background-color: rgba(76, 179, 160, 0.05);
	font-style: italic;
}

/* Links */
.t6-post-content a {
	color: var(--t6-post-share-bg);
	text-decoration: underline;
	transition: opacity 0.3s ease;
}

.t6-post-content a:hover,
.t6-post-content a:focus {
	opacity: 0.8;
}

/* Imagens */
.t6-post-content img {
	max-width: 100%;
	height: auto;
	display: block;
	margin: 24px 0;
	border-radius: 8px;
}

/* Strong/Bold */
.t6-post-content strong,
.t6-post-content b {
	font-weight: 600;
	color: var(--t6-post-heading-color);
}


/* ============================================
   BLOCOS DE ADS (Para plugins como Ad Inserter)
   ============================================ */

.t6-post-ad,
.t6-post-content .ad-block,
.t6-post-content .adsbygoogle {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 200px;
	background-color: var(--t6-post-ad-bg);
	border: 1px solid var(--t6-post-ad-border);
	border-radius: 8px;
	margin: 32px 0;
}

/* Placeholder para quando não houver AD carregado */
.t6-post-ad::before {
	content: 'ADS';
	font-family: var(--t6-font-family);
	font-weight: 600;
	font-size: 32px;
	line-height: 1;
	color: var(--t6-post-ad-border);
	text-transform: uppercase;
	letter-spacing: 4px;
}


/* ============================================
   BOTÕES DE COMPARTILHAMENTO
   ============================================ */

.t6-post-share {
	margin-bottom: 40px;
	padding-top: 20px;
	border-top: 1px solid var(--t6-post-author-border);
}

.t6-post-share__buttons {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 24px;
	flex-wrap: wrap;
}

.t6-share-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	padding: 6.667px;
	background-color: var(--t6-post-share-bg);
	border: 1px solid var(--t6-post-share-bg);
	border-radius: 100px;
	color: #ffffff;
	text-decoration: none;
	transition: all 0.3s ease;
	flex-shrink: 0;
}

.t6-share-btn:hover,
.t6-share-btn:focus {
	opacity: 0.9;
	transform: scale(1.1);
}

.t6-share-btn:active {
	transform: scale(0.95);
}

.t6-share-btn svg {
	width: 20px;
	height: 20px;
	display: block;
}


/* ============================================
   CARD DO AUTOR
   ============================================ */

.t6-post-author {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 32px;
	padding: 24px;
	border: 1px solid var(--t6-post-author-border);
	border-radius: 8px;
	text-align: center;
}

/* Avatar */
.t6-post-author__avatar {
	width: 120px;
	height: 120px;
	border-radius: 50%;
	overflow: hidden;
	flex-shrink: 0;
}

.t6-post-author__avatar img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

/* Info */
.t6-post-author__info {
	display: flex;
	flex-direction: column;
	gap: 8px;
	width: 100%;
}

/* Label "About the author" */
.t6-post-author__label {
	font-family: var(--t6-font-family);
	font-weight: 600;
	font-size: 14px;
	line-height: 1;
	color: var(--t6-post-author-label);
	margin: 0;
	text-transform: uppercase;
}

/* Nome do autor */
.t6-post-author__name {
	font-family: var(--t6-font-family);
	font-weight: 600;
	font-size: 20px;
	line-height: 1.2;
	color: var(--t6-post-heading-color);
	margin: 0;
}

/* Bio do autor */
.t6-post-author__bio {
	font-family: var(--t6-font-family);
	font-weight: 400;
	font-size: 16px;
	line-height: 1.5;
	color: var(--t6-post-text-color);
	margin: 0;
}


/* ============================================
   RESPONSIVO - TABLET
   ============================================ */

@media (min-width: 768px) {

	.t6-post-header__container {
		max-width: 600px;
	}

	.t6-post-header__title {
		font-size: 40px;
	}

	.t6-post-article {
		padding: 60px 0 80px 0;
	}

	.t6-post-article__container {
		max-width: 680px;
		padding: 0 40px;
	}

	.t6-post-content h2 {
		font-size: 28px;
		margin: 40px 0 20px 0;
	}

	.t6-post-content h3 {
		font-size: 20px;
		margin: 32px 0 16px 0;
	}

	.t6-post-content p {
		font-size: 18px;
		line-height: 1.7;
	}

	.t6-post-content blockquote {
		font-size: 20px;
		padding: 24px 32px;
	}

	.t6-post-ad {
		margin: 40px 0;
	}
}


/* ============================================
   RESPONSIVO - DESKTOP
   ============================================ */

@media (min-width: 1024px) {
	.t6-post-header__container {
		max-width: 800px;
	}

	.t6-post-header__title {
		font-size: 40px;
	}

	.t6-post-article {
		padding: 80px 0 100px 0;
	}

	.t6-post-article__container {
		max-width: 800px;
		padding: 0 60px;
	}

	.t6-post-content h2 {
		font-size: 32px;
		margin: 48px 0 24px 0;
	}

	.t6-post-content h3 {
		font-size: 24px;
		margin: 40px 0 20px 0;
	}
}


/* ============================================
   ACESSIBILIDADE
   ============================================ */

/* Focus visible */
.t6-share-btn:focus-visible {
	outline: 3px solid var(--t6-post-share-bg);
	outline-offset: 3px;
}

.t6-post-content a:focus-visible {
	outline: 2px solid var(--t6-post-share-bg);
	outline-offset: 2px;
}

/* Reduz animações se preferência do usuário */
@media (prefers-reduced-motion: reduce) {
	.t6-share-btn,
	.t6-post-content a {
		transition: none;
	}
}

.t6-post-meta {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
	margin-bottom: 32px;
	padding-bottom: 24px;
	border-bottom: 1px solid var(--t6-post-author-border);
}

.t6-post-meta__date,
.t6-post-meta__reading-time {
	font-family: var(--t6-font-family);
	font-weight: 600;
	font-size: 14px;
	line-height: 1;
	color: var(--t6-post-author-label);
}

.t6-post-meta__separator {
	font-family: var(--t6-font-family);
	font-weight: 400;
	font-size: 14px;
	color: var(--t6-post-text-color);
}

@media (min-width: 768px) {
	.t6-post-meta {
		margin-bottom: 40px;
		padding-bottom: 32px;
	}
	
	.t6-post-meta__date,
	.t6-post-meta__reading-time {
		font-size: 16px;
	}
}


/* ============================================
   NOTAS FINAIS
   ============================================ */

/**
 * Single Post - Theme 6 v2
 * 
 * Estrutura preservada do Figma:
 * - Header com título do post (fundo escuro)
 * - Conteúdo completo com tipografia consistente
 * - Espaço para ADS (será gerenciado por plugins)
 * - Botões de compartilhamento (Facebook, WhatsApp, Instagram, X)
 * - Card do autor com avatar circular
 * - "You may also be interested in" carousel
 * - Footer
 * 
 * Recursos implementados:
 * - Tipografia hierárquica (p, h2, h3)
 * - CSS pronto para blocos de ADS (plugins compatíveis)
 * - Share buttons funcionais (abre em nova aba)
 * - Author box com foto e bio
 * - Totalmente responsivo
 * - Acessível (ARIA, keyboard nav)
 * - Suporte a blockquotes, listas, imagens
 * 
 * Plugins de ADS recomendados:
 * - Ad Inserter
 * - Advanced Ads
 * - Google AdSense by Google
 * - WP QUADS (Quick AdSense Reloaded)
 * 
 * Os estilos de .t6-post-ad já estão prontos para quando
 * os ADS forem inseridos via plugin.
 */

 /**
 * Privacy Policy Page Styles
 * Theme 6 v2
 * 
 * Design Tokens do Figma (4039-2983):
 * 
 * HEADER:
 * - Background: #12264D (verde escuro)
 * - Título: #ffffff (48px SemiBold)
 * - Padding: 40px vertical, 4px horizontal
 * - Spacer: 40px height
 * 
 * CONTEÚDO:
 * - Container: 1362px
 * - Content box: 942px width
 * - Border: 1px solid #ebebeb
 * - Border-radius: 8px
 * - Padding: 40px
 * - Gap: 32px entre elementos
 * 
 * TIPOGRAFIA:
 * - Intro: 20px SemiBold #595959
 * - Títulos (ol): 32px SemiBold #000000
 * - Texto: 16px Regular #595959
 * - Divisor: #ebebeb
 * 
 * @package Tema_06
 */

/* ============================================
   CSS CUSTOM PROPERTIES
   ============================================ */

:root {
	/* Privacy Page */
	--t6-privacy-header-bg: #12264D;
	--t6-privacy-title-color: #ffffff;
	--t6-privacy-content-border: #ebebeb;
	--t6-privacy-intro-color: #595959;
	--t6-privacy-heading-color: #000000;
	--t6-privacy-text-color: #595959;
	--t6-privacy-divider-color: #ebebeb;
}


/* ============================================
   PRIVACY PAGE
   ============================================ */

.t6-privacy-page {
	background-color: #ffffff;
	padding-bottom: 0;
}


/* ============================================
   HEADER DA PÁGINA (FUNDO VERDE ESCURO)
   ============================================ */

.t6-privacy-header {
	padding: 40px 20px 0 20px;
	background-color: var(--t6-privacy-header-bg);
	margin-top: -20px; /* Cola no header */
}

.t6-privacy-header__container {
	max-width: 1362px;
	margin: 0 auto;
	padding: 0 4px 40px 4px;
	border-radius: 8px;
}

.t6-privacy-header__title {
	font-family: var(--t6-font-family);
	font-weight: 600;
	font-size: 48px;
	line-height: 1;
	color: #ffffff !important; /* Branco no fundo escuro */
	margin: 0;
	text-align: left;
}

/* Spacer branco */
.t6-privacy-header__spacer {
	height: 40px;
	width: 100%;
	background-color: #ffffff;
}


/* ============================================
   CONTEÚDO DA PÁGINA
   ============================================ */

.t6-privacy-content {
	padding: 40px 0;
	background-color: #ffffff;
}

.t6-privacy-content__container {
	max-width: 1362px;
	margin: 0 auto;
	padding: 0 20px;
	display: flex;
	flex-direction: column;
	gap: 20px;
}

/* Box do conteúdo */
.t6-privacy-content__box {
	max-width: 942px;
	width: 100%;
	background-color: #ffffff;
	border: 1px solid var(--t6-privacy-content-border);
	border-radius: 8px;
	padding: 40px;
	display: flex;
	flex-direction: column;
	gap: 32px;
}


/* ============================================
   TIPOGRAFIA DO CONTEÚDO
   ============================================ */

/* Parágrafo introdutório (primeiro p) */
.t6-privacy-content__box > p:first-child {
	font-family: var(--t6-font-family);
	font-weight: 600;
	font-size: 20px;
	line-height: 1;
	color: var(--t6-privacy-intro-color);
	margin: 0;
}

/* Todos os parágrafos normais */
.t6-privacy-content__box p {
	font-family: var(--t6-font-family);
	font-weight: 400;
	font-size: 16px;
	line-height: 1;
	color: var(--t6-privacy-text-color);
	margin: 0;
}

/* Títulos numerados (ol) */
.t6-privacy-content__box ol {
	font-family: var(--t6-font-family);
	font-weight: 600;
	font-size: 32px;
	line-height: 0;
	color: var(--t6-privacy-heading-color);
	margin: 0;
	padding: 0;
	list-style: decimal;
}

.t6-privacy-content__box ol li {
	margin-left: 48px;
	margin-bottom: 0;
}

.t6-privacy-content__box ol li span {
	line-height: 1;
}

/* Divisor horizontal */
.t6-privacy-content__box hr {
	height: 1px;
	width: 100%;
	border: none;
	background-color: var(--t6-privacy-divider-color);
	margin: 0;
}

/* Seções de conteúdo (ol + p) */
.t6-privacy-content__box > * + * {
	margin-top: 32px;
}

/* Wrapper de parágrafo com título */
.t6-privacy-content__box > div {
	display: flex;
	flex-direction: column;
	gap: 16px;
}


/* ============================================
   RESPONSIVO - MOBILE
   ============================================ */

@media (max-width: 767px) {
	.t6-privacy-header {
		padding: 20px 20px 0 20px;
	}

	.t6-privacy-header__container {
		padding: 0 4px 20px 4px;
	}

	.t6-privacy-header__title {
		font-size: 32px;
		line-height: 1.2;
	}

	.t6-privacy-header__spacer {
		height: 20px;
	}

	.t6-privacy-content {
		padding: 20px 0;
	}

	.t6-privacy-content__box {
		padding: 24px;
		gap: 24px;
	}

	.t6-privacy-content__box > p:first-child {
		font-size: 18px;
		line-height: 1.2;
	}

	.t6-privacy-content__box p {
		font-size: 16px;
		line-height: 1.4;
	}

	.t6-privacy-content__box ol {
		font-size: 24px;
	}

	.t6-privacy-content__box ol li {
		margin-left: 32px;
	}
}


/* ============================================
   RESPONSIVO - TABLET
   ============================================ */

@media (min-width: 768px) and (max-width: 1023px) {
	.t6-privacy-header {
		padding: 40px 40px 0 40px;
	}

	.t6-privacy-header__container {
		padding: 0 4px 40px 4px;
	}

	.t6-privacy-header__title {
		font-size: 40px;
	}

	.t6-privacy-content {
		padding: 40px 0;
	}

	.t6-privacy-content__container {
		padding: 0 40px;
	}

	.t6-privacy-content__box {
		max-width: 100%;
		padding: 32px;
	}
}


/* ============================================
   ACESSIBILIDADE
   ============================================ */

/* Focus visible para links internos */
.t6-privacy-content__box a:focus-visible {
	outline: 3px solid var(--t6-privacy-heading-color);
	outline-offset: 2px;
	border-radius: 2px;
}

/* Reduz animações se preferência do usuário */
@media (prefers-reduced-motion: reduce) {
	.t6-privacy-content__box * {
		transition: none;
	}
}


/* ============================================
   NOTAS FINAIS
   ============================================ */

/**
 * Privacy Policy Page - Theme 6 v2
 * 
 * Estrutura preservada do Figma:
 * - Header verde escuro com título branco (48px)
 * - Spacer branco de 40px
 * - Content box com borda #ebebeb (942px width)
 * - Tipografia hierárquica:
 *   - Intro: 20px SemiBold #595959
 *   - Títulos (ol): 32px SemiBold #000000
 *   - Texto: 16px Regular #595959
 * - Divisores horizontais entre seções
 * - Newsletter CTA (reutilizável)
 * - Suggestions carousel (reutilizável)
 * - Footer (reutilizável)
 * 
 * Recursos implementados:
 * - Totalmente responsivo (mobile, tablet, desktop)
 * - Tipografia consistente com Figma
 * - Estrutura flexível para conteúdo WordPress
 * - Acessível (ARIA, keyboard nav)
 * - Editor WordPress friendly
 * 
 * Como usar no WordPress:
 * 1. Criar nova página
 * 2. Sel

 /* ==========================================================================
   CONTACT PAGE
   ========================================================================== */

/**
 * SEÇÃO DE CONTATO
 * Background gradiente: verde escuro 50% (topo) → branco 50% (baixo)
 * Container: 1362px desktop, responsivo mobile
 */

.t6-contact-section {
	background: linear-gradient(
		to bottom,
		#12264D 0%,
		#12264D 50%,
		#ffffff 50%,
		#ffffff 100%
	);
	padding: 40px 20px;
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: 600px;
}

/* Container principal */
.t6-contact-container {
	max-width: 1362px;
	width: 100%;
	padding: 4px;
}

/* Título "Get in touch" */
.t6-contact-title {
	font-family: 'Figtree', sans-serif;
	font-weight: 600; /* SemiBold */
	font-size: 48px;
	line-height: 1;
	color: #ffffff !important;
	margin: 0 0 24px 0;
}

/* Row: 2 colunas lado a lado */
.t6-contact-row {
	display: flex;
	gap: 16px;
	align-items: flex-start;
}

/* ==========================================================================
   COLUNA ESQUERDA - CARD DE TEXTO
   ========================================================================== */

.t6-contact-text-card {
	background-color: #ffffff;
	padding: 32px;
	border-radius: 8px;
	flex: 1;
	max-width: 622px;
}

/* Título do card (18px SemiBold) */
.t6-contact-text-title {
	font-family: 'Figtree', sans-serif;
	font-weight: 600; /* SemiBold */
	font-size: 18px;
	line-height: 1;
	color: #595959;
	margin: 0 0 16px 0;
}

/* Corpo de texto (16px Regular) */
.t6-contact-text-body {
	font-family: 'Figtree', sans-serif;
	font-weight: 400; /* Regular */
	font-size: 16px;
	line-height: 1.6;
	color: #595959;
}

.t6-contact-text-body p {
	margin: 0 0 16px 0;
}

.t6-contact-text-body p:last-child {
	margin-bottom: 0;
}

/* ==========================================================================
   COLUNA DIREITA - FORMULÁRIO
   ========================================================================== */

.t6-contact-form-card {
	background-color: #12264D;
	padding: 32px;
	border-radius: 8px;
	flex: 1;
	max-width: 626px;
}

/* Formulário */
.t6-contact-form {
	display: flex;
	flex-direction: column;
	gap: 14px;
}

/* Grupos de input */
.t6-form-group {
	width: 100%;
}

/* Inputs e textarea base */
.t6-form-input,
.t6-form-textarea {
	width: 100%;
	background-color: #1e433e;
	border: none;
	border-radius: 8px;
	padding: 24px;
	font-family: 'Figtree', sans-serif;
	font-weight: 400; /* Regular */
	font-size: 16px;
	line-height: 1;
	color: #ffffff;
	box-sizing: border-box;
	transition: background-color 0.3s ease, box-shadow 0.3s ease;
}

/* Placeholder branco */
.t6-form-input::placeholder,
.t6-form-textarea::placeholder {
	color: #ffffff;
	opacity: 1;
}

/* Focus state */
.t6-form-input:focus,
.t6-form-textarea:focus {
	outline: none;
	background-color: #236259;
	box-shadow: 0 0 0 2px rgba(156, 228, 82, 0.3);
}

/* Textarea específico (altura 164px) */
.t6-form-textarea {
	min-height: 164px;
	resize: vertical;
}

/* Botão "Send" */
.t6-form-button {
	background-color: #F8285B;
	border: 1px solid #F8285B;
	border-radius: 100px;
	padding: 12px 24px;
	font-family: 'Figtree', sans-serif;
	font-weight: 700; /* Bold */
	font-size: 20px;
	line-height: 1;
	color: #000000;
	cursor: pointer;
	transition: all 0.3s ease;
	align-self: flex-start;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
}

.t6-form-button:hover {
	background-color: #8cd340;
	border-color: #8cd340;
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(156, 228, 82, 0.3);
}

.t6-form-button:active {
	transform: translateY(0);
	box-shadow: none;
}

/* Mensagem de sucesso */
.t6-contact-success {
	background-color: #F8285B;
	border-radius: 8px;
	padding: 24px;
	text-align: center;
}

.t6-contact-success p {
	font-family: 'Figtree', sans-serif;
	font-weight: 600; /* SemiBold */
	font-size: 18px;
	line-height: 1.4;
	color: #000000;
	margin: 0;
}

/* Mensagem de erro */
.t6-contact-error {
	background-color: #ff6b6b;
	border-radius: 8px;
	padding: 16px 24px;
	margin-bottom: 14px;
}

.t6-contact-error p {
	font-family: 'Figtree', sans-serif;
	font-weight: 600; /* SemiBold */
	font-size: 16px;
	line-height: 1.4;
	color: #ffffff;
	margin: 0;
}

/* ==========================================================================
   RESPONSIVO
   ========================================================================== */

/* TABLET (768px - 1023px) */
@media (max-width: 1023px) {
	.t6-contact-section {
		padding: 32px 16px;
		min-height: auto;
	}
	
	.t6-contact-title {
		font-size: 36px;
	}
	
	.t6-contact-row {
		flex-direction: column;
	}
	
	.t6-contact-text-card,
	.t6-contact-form-card {
		max-width: 100%;
	}
}

/* MOBILE (até 767px) */
@media (max-width: 767px) {
	.t6-contact-section {
		background: linear-gradient(
			to bottom,
			#12264D 0%,
			#12264D 40%,
			#ffffff 40%,
			#ffffff 100%
		);
		padding: 24px 16px;
	}
	
	.t6-contact-container {
		padding: 0;
	}
	
	.t6-contact-title {
		font-size: 32px;
		margin-bottom: 20px;
	}
	
	.t6-contact-row {
		gap: 20px;
	}
	
	.t6-contact-text-card {
		padding: 24px;
	}
	
	.t6-contact-text-title {
		font-size: 16px;
		margin-bottom: 12px;
	}
	
	.t6-contact-text-body {
		font-size: 14px;
	}
	
	.t6-contact-text-body p {
		margin-bottom: 12px;
	}
	
	.t6-contact-form-card {
    padding: 24px;
    width: 320px;
    margin-left: 30px;
	}
	
	.t6-form-input,
	.t6-form-textarea {
		padding: 16px;
		font-size: 14px;
	}
	
	.t6-form-textarea {
		min-height: 120px;
	}
	
	.t6-form-button {
		font-size: 18px;
		padding: 10px 20px;
		width: 100%;
	}
	
	.t6-contact-success {
		padding: 20px;
	}
	
	.t6-contact-success p {
		font-size: 16px;
	}
}

/* MOBILE EXTRA SMALL (até 480px) */
@media (max-width: 480px) {
	.t6-contact-title {
		font-size: 28px;
	}
	
	.t6-contact-text-title {
		font-size: 15px;
	}
	
	.t6-contact-text-body {
		font-size: 13px;
	}
	
	.t6-form-input,
	.t6-form-textarea {
		padding: 14px;
		font-size: 13px;
	}
	
	.t6-form-button {
		font-size: 16px;
	}
}