/*
Theme Name: Tema 1 desenvolvido por Trek Mobi Connect
Theme URI: https://trekmobi.com
Author: Trek Mobi Connect
Description: Tema 01
Version: 0.1.0
Text Domain: tema-01-prototipo
*/

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

/* ============================================
   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: 'Figtree', 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 {
	--t1-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 */
	--t1-surface-color: #070423;
	--t1-btn-secondary-bg: #0FE2B4;
	--t1-btn-secondary-border: #0FE2B4;
	--t1-btn-icon-color: #ffffff;
	--t1-logo-bg: #0FE2B4;
	--t1-logo-color: #ffffff;
	--t1-neutral-white: #ffffff;
	
	/* Espaçamentos do Figma */
	--t1-header-padding-y: 40px;
	--t1-header-padding-x: 20px; /* Calculado: (360 - 320) / 2 */
	--t1-nav-gap: 24px;
	--t1-btn-padding: 12px;
	
	/* Tamanhos */
	--t1-btn-size: 40px;
	--t1-logo-width: 136px;
	--t1-logo-height: 40px;
	--t1-icon-size: 24px;
	
	/* Border Radius */
	--t1-btn-radius: 100px; /* Corners/TEMA 1/button-corners do Figma */
	--t1-logo-radius: 1000px; /* Logo totalmente arredondada */
	
	/* Transições */
	--t1-transition: 0.3s ease;
	
	/* Breakpoints */
	--t1-breakpoint-desktop: 1024px;
	
	/* Z-index */
	--t1-z-header: 1000;
	--t1-z-overlay: 1001;
	--t1-z-panel: 1002;
}


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

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

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


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

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

:root {
	--t1-bg: #f7f7f7;
	--t1-text: #000000;
	--t1-logo-bg: #f7f7f7;
	--t1-button-text: #000000;
	--t1-input-bg: #ebebeb;
	--t1-input-text: #808080;
	--t1-icon-color: #DA1D5D;
	--t1-white: #ffffff;
	--t1-radius-logo: 1000px;
	--t1-radius-button: 100px;
	--t1-radius-input: 20px;
}

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

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

.t1-header {
	background-color: var(--t1-bg);
	padding: 40px 20px 20px;
}

.t1-header__container {
	max-width: 1600px;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: space-around;
	gap: 32px;
}

/* Logo */
.t1-header__logo {
	flex-shrink: 0;
}

.t1-logo__link {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 150px;
	height: 40px;
	background-color: var(--t1-logo-bg);
	border-radius: var(--t1-radius-logo);
	text-decoration: none;
}

.t1-logo__text {
	font-family: 'Figtree', sans-serif;
	font-weight: 600;
	font-size: 16px;
	color: var(--t1-text);
}

.t1-logo__img {
	max-width: 100%;
	max-height: 40px;
	width: auto;
	height: auto;
}

/* Menu Desktop */
.t1-header__nav {
	display: none;
	justify-content: center;
}

.t1-nav__list {
	display: flex;
	gap: 32px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.t1-nav__list a {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 8px 16px;
	background-color: transparent;
	border: 1px solid transparent;
	border-radius: var(--t1-radius-button);
	font-family: 'Figtree', sans-serif;
	font-weight: 600;
	font-size: 16px;
	color: #65245E;
	text-decoration: none;
	transition: background-color 0.3s;
	white-space: nowrap;
}

.t1-nav__list a:hover {
	background-color: rgba(0, 0, 0, 0.05);
}

/* Busca */
.t1-header__search {
	display: none;
	width: 349px;
	flex-shrink: 0;
}

.t1-search__form {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 8px 20px;
	background-color: var(--t1-input-bg);
	border-radius: var(--t1-radius-input);
}

.t1-search__input {
	flex: 1;
	border: none;
	background: none;
	font-family: 'Figtree', sans-serif;
	font-size: 16px;
	color: var(--t1-text);
	outline: none;
}

.t1-search__input::placeholder {
	color: var(--t1-input-text);
}

.t1-search__button {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
	padding: 0;
	border: none;
	background: none;
	cursor: pointer;
}

.t1-search__icon {
	width: 24px;
	height: 24px;
	color: var(--t1-text);
}

/* Menu Toggle */
.t1-menu-toggle {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
	padding: 0;
	border: none;
	background: none;
	cursor: pointer;
	color: var(--t1-icon-color);
	flex-shrink: 0;
}

/* Mobile Menu */
.t1-mobile-menu {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9999;
	visibility: hidden;
	opacity: 0;
	transition: opacity 0.3s, visibility 0.3s;
}

.t1-mobile-menu--open {
	visibility: visible;
	opacity: 1;
}

.t1-mobile-menu__overlay {
	position: absolute;
	inset: 0;
	background-color: rgba(0, 0, 0, 0.5);
}

.t1-mobile-menu__panel {
	position: absolute;
	top: 0;
	right: 0;
	width: 85%;
	max-width: 320px;
	height: 100%;
	background-color: var(--t1-white);
	padding: 24px;
	transform: translateX(100%);
	transition: transform 0.3s;
	overflow-y: auto;
}

.t1-mobile-menu--open .t1-mobile-menu__panel {
	transform: translateX(0);
}

.t1-mobile-menu__close {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	margin-bottom: 24px;
	padding: 0;
	border: none;
	background: none;
	cursor: pointer;
	color: var(--t1-text);
	margin-left: auto;
}

/* Mobile: mostra primary, esconde categories */
.t1-mobile-menu__primary {
	display: block;
}

.t1-mobile-menu__categories {
	display: none;
}

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

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

.t1-mobile-nav__list a {
	display: block;
	padding: 12px 16px;
	color: var(--t1-text);
	text-decoration: none;
	font-family: 'Figtree', sans-serif;
	font-size: 16px;
	font-weight: 600;
	border-radius: 8px;
	transition: background-color 0.3s;
}

.t1-mobile-nav__list a:hover {
	background-color: rgba(0, 0, 0, 0.05);
}

/* Desktop */
@media (min-width: 1024px) {
	.t1-header__container {
		gap: 10px;
	}

	.t1-header__nav {
		display: flex;
	}

	.t1-header__search {
		display: block;
	}

	/* Desktop: esconde primary, mostra categories */
	.t1-mobile-menu__primary {
		display: none;
	}

	.t1-mobile-menu__categories {
		display: block;
	}
}

/* Botão Busca Mobile */
.t1-search-toggle {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
	padding: 0;
	border: none;
	background: none;
	cursor: pointer;
	color: #65245E;
	flex-shrink: 0;
}

/* Busca Mobile Expansível */
.t1-mobile-search {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background-color: var(--t1-bg);
	padding: 20px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
	z-index: 9998;
	transform: translateY(-100%);
	transition: transform 0.3s ease;
}

.t1-mobile-search--open {
	transform: translateY(0);
}

.t1-mobile-search__container {
	max-width: 1600px;
	margin: 0 auto;
	display: flex;
	align-items: center;
	gap: 12px;
}

.t1-mobile-search__form {
	flex: 1;
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 8px 20px;
	background-color: var(--t1-input-bg);
	border-radius: var(--t1-radius-input);
}

.t1-mobile-search__input {
	flex: 1;
	border: none;
	background: none;
	font-family: 'Figtree', sans-serif;
	font-size: 16px;
	color: var(--t1-text);
	outline: none;
}

.t1-mobile-search__input::placeholder {
	color: var(--t1-input-text);
}

.t1-mobile-search__button {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
	padding: 0;
	border: none;
	background: none;
	cursor: pointer;
	color: var(--t1-text);
}

.t1-mobile-search__close {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	padding: 0;
	border: none;
	background: none;
	cursor: pointer;
	color: var(--t1-text);
	flex-shrink: 0;
}

@media (min-width: 1024px) {
	.t1-search-toggle {
		display: none;
	}
	
	.t1-mobile-search {
		display: none;
	}
}


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

/**
 * Header theme 1 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 */
	--t1-hero-bg-top: #070423;
	--t1-hero-bg-bottom: #ffffff;
	--t1-hero-card-bg: #ffffff;
	--t1-hero-date-color: #3432FF;
	--t1-hero-title-color: #000000;
	--t1-hero-text-color: #595959;
	--t1-hero-btn-bg: #0FE2B4;
	--t1-hero-btn-color: #ffffff;
	--t1-hero-nav-bg: #EEF4FF;
	--t1-hero-nav-btn-bg: #0FE2B4;
	--t1-hero-nav-btn-border: #0FE2B4;
	--t1-hero-nav-icon-color: #ffffff;
	
	/* Tipografia */
	--t1-font-family: 'Rubik', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
	
	/* Tamanhos */
	--t1-hero-card-width: 360px;
	--t1-hero-img-height: 200px;
	--t1-hero-content-padding: 32px;
	--t1-hero-gap: 20px;
	
	/* Border Radius */
	--t1-hero-card-radius: 8px;
	--t1-hero-img-radius: 4px;
	--t1-hero-btn-radius: 100px;
	
	/* Transições */
	--t1-hero-transition: 0.5s ease-in-out;
}


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

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


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

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

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

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


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

.t1-hero-card {
	background-color: var(--t1-hero-card-bg);
	border-radius: var(--t1-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 */
.t1-hero-card__thumb {
	display: block;
	width: 100%;
	height: var(--t1-hero-img-height);
	border-radius: var(--t1-hero-img-radius);
	overflow: hidden;
	position: relative;
	text-decoration: none;
	transition: transform 0.3s ease;
	/* Mobile: ordem 1 (imagem em cima) */
	order: 1;
}

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

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

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

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

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

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

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

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

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

/* Botão Read More */
.t1-hero-card__btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 12px 24px;
	background-color: var(--t1-hero-btn-bg);
	color: var(--t1-hero-btn-color);
	border-radius: var(--t1-hero-btn-radius);
	font-family: var(--t1-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;
}

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

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


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

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

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

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

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

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

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

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

/* Dot Individual */
.t1-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;
}

.t1-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(--t1-hero-nav-btn-bg);
	transition: transform 0.3s ease;
}

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

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

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


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

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

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

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

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

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


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

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

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

	/* ============================================
	   CARD: LAYOUT HORIZONTAL
	   ============================================ */
	
	.t1-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
	   ============================================ */
	
	.t1-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 */
	.t1-hero-card__date {
		font-size: 16px;
		font-weight: 700; /* Bold conforme Figma */
	}

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

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

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

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

	/* ============================================
	   IMAGEM: DIREITA
	   ============================================ */
	
	.t1-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
	   ============================================ */
	
	.t1-hero-nav {
		padding: 12px 16px;
		gap: 24px;
	}

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

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

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

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


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

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

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

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


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

/* Screen reader only */
.t1-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 */
.t1-hero-card__thumb:focus-visible,
.t1-hero-card__title a:focus-visible,
.t1-hero-card__btn:focus-visible,
.t1-hero-nav__btn:focus-visible,
.t1-hero-nav__dot:focus-visible {
	outline: 3px solid var(--t1-hero-nav-btn-bg);
	outline-offset: 3px;
}

/* Reduz animações se preferência do usuário */
@media (prefers-reduced-motion: reduce) {
	.t1-hero-slider__slide,
	.t1-hero-card__thumb,
	.t1-hero-card__title a,
	.t1-hero-card__btn,
	.t1-hero-nav__btn,
	.t1-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: 38px 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
   ============================================ */

/* Hero Section */
.t1-hero {
	background-color: #f7f7f7;
	padding: 40px 20px;
}

.t1-hero__container {
	max-width: 1600px;
	margin: 0 auto;
	display: grid;
	gap: 24px;
}

/* Post Destaque */
.t1-hero__main {
	position: relative;
	border-radius: 20px;
	overflow: hidden;
	min-height: 400px;
}

.t1-hero__main-link {
	display: block;
	position: relative;
	height: 100%;
	text-decoration: none;
}

.t1-hero__main-bg {
	position: absolute;
	inset: 0;
}

.t1-hero__main-bg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.t1-hero__gradient {
	position: absolute;
	inset: 0;
	    background: linear-gradient(180deg, 
        rgba(200, 180, 170, 0) 0%, 
        rgba(120, 80, 100, 0.3) 40%,
        rgba(80, 40, 80, 0.7) 70%,
        rgba(50, 20, 60, 0.95) 100%
    );
}

.t1-hero__main-content {
	position: relative;
	z-index: 2;
	padding: 32px;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	min-height: 400px;
	color: #ffffff;
}

.t1-hero__tag {
	font-family: 'Figtree', sans-serif;
	font-weight: 600;
	font-size: 12px;
	letter-spacing: 0.5px;
	color: #00c060;
	margin-bottom: 12px;
}

.t1-hero__main-title {
	font-family: 'Figtree', sans-serif;
	font-weight: 700;
	font-size: 28px;
	line-height: 1.2;
	color: #ffffff;
	margin: 0 0 12px;
}

.t1-hero__main-excerpt {
	font-family: 'Figtree', sans-serif;
	font-size: 14px;
	line-height: 1.5;
	color: rgba(255,255,255,0.9);
	margin: 0 0 20px;
}

.t1-hero__btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 10px 24px;
	background-color: #F5B254;
	border-radius: 100px;
	font-family: 'Figtree', sans-serif;
	font-weight: 600;
	font-size: 14px;
	color: #ffffff;
	align-self: flex-start;
}

/* Sidebar */
.t1-hero__side {
	background-color: #ffffff;
	border-radius: 20px;
	padding: 24px;
}

.t1-hero__side-title {
	font-family: 'Figtree', sans-serif;
	font-weight: 700;
	font-size: 24px;
	color: #000000;
	margin: 0 0 24px;
}

.t1-hero__side-track {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.t1-hero__side-card {
	display: none;
	gap: 16px;
	padding-bottom: 20px;
	border-bottom: 1px solid #ebebeb;
}

.t1-hero__side-card:last-child {
	border-bottom: none;
	padding-bottom: 0;
}

.t1-hero__side-card--visible {
	display: flex;
}

.t1-hero__side-thumb {
	flex-shrink: 0;
	width: 120px;
	height: 90px;
	border-radius: 12px;
	overflow: hidden;
}

.t1-hero__side-thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.t1-hero__side-content {
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.t1-hero__side-cat {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-family: 'Figtree', sans-serif;
	font-weight: 600;
	font-size: 10px;
	color: #65245E;
	text-transform: uppercase;
}

.t1-hero__side-card-title {
	margin: 0;
	font-family: 'Figtree', sans-serif;
	font-weight: 600;
	font-size: 14px;
	line-height: 1.3;
}

.t1-hero__side-card-title a {
	color: #000000;
	text-decoration: none;
}

.t1-hero__side-btn {
	display: inline-flex;
	padding: 6px 16px;
	background-color: #DA1D5D;
	border-radius: 100px;
	font-family: 'Figtree', sans-serif;
	font-weight: 600;
	font-size: 12px;
	color: #ffffff;
	text-decoration: none;
	align-self: flex-start;
}

/* Desktop */
@media (min-width: 1024px) {
	.t1-hero__container {
		grid-template-columns: 1fr 400px;
		gap: 32px;
	}

	.t1-hero__main {
		min-height: 480px;
	}

	.t1-hero__main-content {
		min-height: 680px;
		padding: 38px;
	}

	.t1-hero__main-title {
		font-size: 36px;
	}

	.t1-hero__main-excerpt {
		font-size: 16px;
	}

	.t1-hero__side-thumb {
		width: 140px;
		height: 105px;
	}

	.t1-hero__side-card-title {
		font-size: 16px;
	}
}

/* ============================================
   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 #0FE2B4
 * - 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
 */

 :root {
	/* Recent Posts */
	--t1-recent-bg: #ffffff;
	--t1-recent-label-bg: #f7f7f7;
	--t1-recent-label-text: #65245E;
	--t1-recent-title-color: #000000;
	--t1-recent-cat-color: #65245E;
	--t1-recent-card-title: #000000;
	--t1-recent-btn-bg: #DA1D5D;
	--t1-recent-btn-text: #ffffff;
	--t1-recent-thumb-radius: 20px;
}

/* Posts Recentes */
.t1-recent-posts {
	background-color: var(--t1-recent-bg);
	padding: 60px 20px;
}

.t1-recent-posts__container {
	max-width: 1600px;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	gap: 24px;
}

/* Header */
.t1-recent-posts__header {
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.t1-recent-posts__label {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 5px 20px;
	background-color: var(--t1-recent-label-bg);
	border-radius: 100px;
	font-family: 'Figtree', sans-serif;
	font-weight: 600;
	font-size: 14px;
	color: var(--t1-recent-label-text);
	text-transform: uppercase;
	align-self: flex-start;
}

.t1-recent-posts__title {
	font-family: 'Figtree', sans-serif;
	font-weight: 600;
	font-size: 38px;
	color: var(--t1-recent-title-color);
	margin: 0;
}

@media (max-width: 767px) {
    .t1-recent-posts__title {
        font-size: 25px;
    }
    .t1-post-card__btn {
        font-size: 16px !important;
    }
    .t1-cat-card__btn {
        font-size: 16px !important;
    }
    .t1-cat-card__title {
        font-size: 22px !important;
    }
        .category-navigation-section {
        text-align: center;
    }
    
    .category-navigation-label {
        justify-content: center;
        margin: 0 auto;
    }
    
    .category-navigation-items {
        justify-content: center;
    }
    
    /* Carousel: 1 card por vez no mobile */
    .category-carousel {
        overflow: hidden;
    }
    
    .carousel-track {
        display: flex;
        gap: 16px;
    }
    
        .post-card {
        min-width: calc(100% - 80px);
        max-width: calc(100% - 80px);
        flex: 0 0 calc(100% - 80px);
        width: calc(100% - 80px);
    }
    
    .carousel-track {
        gap: 16px;
    }
    
    /* Ajustar wrapper do carousel */
    .category-carousel-wrapper {
        padding: 0 40px; /* Espaço para os botões */
    }
    
    .carousel-btn {
        position: absolute;
        z-index: 2;
    }
    
    .carousel-prev {
        left: 0;
    }
    
    .carousel-next {
        right: 0;
    }
}

/* Grid */
.t1-recent-posts__grid {
	display: grid;
	gap: 24px;
	grid-template-columns: 1fr;
}

/* Card */
.t1-post-card {
	display: flex;
	flex-direction: column;
	gap: 14px;
}

.t1-post-card__cat {
	display: flex;
	align-items: center;
	gap: 6px;
}

.t1-post-card__cat-dot {
	width: 16px;
	height: 6px;
	background-color: var(--t1-recent-cat-color);
	border-radius: 100px;
}

.t1-post-card__cat-name {
	font-family: 'Figtree', sans-serif;
	font-weight: 600;
	font-size: 14px;
	color: var(--t1-recent-cat-color);
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

.t1-post-card__thumb {
	display: block;
	width: 100%;
	height: 236px;
	border-radius: var(--t1-recent-thumb-radius);
	overflow: hidden;
	text-decoration: none;
}

.t1-post-card__thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.3s;
}

.t1-post-card__thumb:hover img {
	transform: scale(1.05);
}

.t1-post-card__content {
	display: flex;
	flex-direction: column;
	gap: 14px;
}

.t1-post-card__title {
	margin: 0;
	font-family: 'Figtree', sans-serif;
	font-weight: 600;
	font-size: 24px;
	line-height: 1.2;
	color: var(--t1-recent-card-title);
}

.t1-post-card__title a {
	color: inherit;
	text-decoration: none;
}

.t1-post-card__title a:hover {
	color: var(--t1-recent-cat-color);
}

.t1-post-card__btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 8px 16px;
	background-color: var(--t1-recent-btn-bg);
	border: 1px solid var(--t1-recent-btn-bg);
	border-radius: 100px;
	font-family: 'Figtree', sans-serif;
	font-weight: 700;
	font-size: 20px;
	color: var(--t1-recent-btn-text);
	text-decoration: none;
	align-self: flex-start;
	transition: opacity 0.3s;
}

.t1-post-card__btn:hover {
	opacity: 0.8;
}

/* Desktop */
@media (min-width: 768px) {
	.t1-recent-posts__grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 32px;
	}
}

@media (min-width: 1024px) {
	.t1-recent-posts {
		padding: 60px 40px;
	}

	.t1-recent-posts__grid {
		grid-template-columns: repeat(3, 1fr);
		gap: 65px;
	}

	.t1-post-card__title {
		min-height: 58px;
	}
}

/* Acessibilidade */
.t1-post-card__thumb:focus-visible,
.t1-post-card__title a:focus-visible,
.t1-post-card__btn:focus-visible {
	outline: 3px solid var(--t1-recent-cat-color);
	outline-offset: 3px;
}

@media (prefers-reduced-motion: reduce) {
	.t1-post-card__thumb img,
	.t1-post-card__btn {
		transition: none;
	}
}

:root {
	--t1-cat-slider-bg: #ffffff;
	--t1-cat-slider-label-bg: #f7f7f7;
	--t1-cat-slider-label-text: #65245E;
	--t1-cat-slider-title: #000000;
}

/* Category Slider */
.t1-cat-slider {
	background-color: var(--t1-cat-slider-bg);
	padding: 60px 20px;
}

.t1-cat-slider__container {
	max-width: 1600px;
	margin: 0 auto;
}

.t1-cat-slider__track {
	position: relative;
}

.t1-cat-slider__slide {
	display: none;
	flex-direction: column;
	gap: 32px;
}

.t1-cat-slider__slide--active {
	display: flex;
}

/* Header */
.t1-cat-slider__header {
	display: flex;
	flex-direction: column;
	gap: 4px;
	align-items: center;
	text-align: center;
}

.t1-cat-slider__label {
	display: inline-flex;
	padding: 5px 20px;
	background-color: var(--t1-cat-slider-label-bg);
	border-radius: 100px;
	font-family: 'Figtree', sans-serif;
	font-weight: 600;
	font-size: 14px;
	color: var(--t1-cat-slider-label-text);
	text-transform: uppercase;
}

.t1-cat-slider__title {
	font-family: 'Figtree', sans-serif;
	font-weight: 600;
	font-size: 38px;
	color: var(--t1-cat-slider-title);
	margin: 0;
}

/* Grid */
.t1-cat-slider__grid {
	display: grid;
	gap: 24px;
	grid-template-columns: repeat(2, 1fr);
}

/* Card */
.t1-cat-card {
	display: flex;
	flex-direction: column;
	gap: 14px;
}

.t1-cat-card__thumb {
	display: block;
	width: 100%;
	height: 140px;
	border-radius: 20px;
	overflow: hidden;
}

.t1-cat-card__thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.3s;
}

.t1-cat-card__thumb:hover img {
	transform: scale(1.05);
}

.t1-cat-card__content {
	display: flex;
	flex-direction: column;
	gap: 12px;
	padding: 4px;
}

.t1-cat-card__cat {
	display: flex;
	align-items: center;
	gap: 6px;
}

.t1-cat-card__cat-dot {
	width: 16px;
	height: 6px;
	background-color: #65245E;
	border-radius: 100px;
}

.t1-cat-card__cat-name {
	font-family: 'Figtree', sans-serif;
	font-weight: 600;
	font-size: 14px;
	color: #65245E;
	text-transform: uppercase;
}

.t1-cat-card__title {
	margin: 0;
	font-family: 'Figtree', sans-serif;
	font-weight: 600;
	font-size: 24px;
	line-height: 1.2;
}

.t1-cat-card__title a {
	color: #000000;
	text-decoration: none;
}

.t1-cat-card__btn {
	display: inline-flex;
	padding: 8px 16px;
	background-color: #DA1D5D;
	border-radius: 100px;
	font-family: 'Figtree', sans-serif;
	font-weight: 700;
	font-size: 20px;
	color: #ffffff;
	text-decoration: none;
	align-self: flex-start;
	transition: opacity 0.3s;
}

.t1-cat-card__btn:hover {
	opacity: 0.8;
}

/* Desktop */
@media (min-width: 768px) {
	.t1-cat-slider__grid {
		grid-template-columns: repeat(3, 1fr);
	}
}

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

/**
 * Category Filter Styles - Desktop Layout Fixed
 * theme 1 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 */
	--t1-filter-title-color: #000000;
	--t1-filter-bg: #EEF4FF;
	--t1-filter-toggle-bg: #260FFF;
	--t1-filter-toggle-border: #260FFF;
	--t1-filter-toggle-icon: #ffffff;
	--t1-filter-cat-active-bg: #260FFF;
	--t1-filter-cat-active-border: #0FE2B4;
	--t1-filter-cat-active-text: #0FE2B4;
	--t1-filter-cat-inactive-bg: transparent;
	--t1-filter-cat-inactive-border: #d9d9d9;
	--t1-filter-cat-inactive-text: #595959;
	--t1-filter-card-bg: #ffffff;
	--t1-filter-card-border: #ebebeb;
	--t1-filter-arrow-bg: #0FE2B4;
	--t1-filter-arrow-border: #0FE2B4;
	--t1-filter-arrow-icon: #ffffff;
	
	/* Tamanhos */
	--t1-filter-toggle-size: 44px;
	--t1-filter-card-height: 100px;
	--t1-filter-card-img-width: 155px;
	--t1-filter-arrow-size: 38px;
}


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

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

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


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

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

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

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

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

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

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

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


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

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

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

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

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

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


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

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

/* Loader (Spinner) */
.t1-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;
}

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

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

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

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

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

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


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

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

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

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

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

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

/* Content */
.t1-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 */
.t1-compact-card__header {
	display: none; /* Escondido no mobile */
}

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

	/* Grid em 2 colunas */
	.t1-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
	   ============================================ */
	
	.t1-category-filter {
		padding: 40px 0;
	}

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

	/* ============================================
	   SIDEBAR DE FILTRO (ESQUERDA)
	   ============================================ */
	
	.t1-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 */
	.t1-category-filter__title {
		font-size: 24px;
		font-weight: 600;
		text-align: center;
	}

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

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

	/* Botões de categoria - 100% largura */
	.t1-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)
	   ============================================ */
	
	.t1-category-filter__posts {
		/* Ocupa espaço restante */
		flex: 1;
	}

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

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

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

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

	/* ============================================
	   CONTEÚDO: 50% DO CARD (DIREITA)
	   ============================================ */
	
	.t1-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)
	   ============================================ */
	
	.t1-compact-card__header {
		/* Mostra header no desktop */
		display: flex !important;
		align-items: center;
		justify-content: space-between;
		width: 100%;
	}

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

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

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

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

	/* Título - Desktop */
	.t1-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 */
	.t1-compact-card__excerpt {
		display: -webkit-box !important; /* Mostra no desktop */
		font-family: var(--t1-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 */
.t1-category-filter__toggle:focus-visible,
.t1-category-filter__cat-btn:focus-visible,
.t1-compact-card__thumb:focus-visible,
.t1-compact-card__title a:focus-visible,
.t1-compact-card__arrow:focus-visible {
	outline: 3px solid var(--t1-filter-toggle-bg);
	outline-offset: 3px;
}

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

	.t1-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 .t1-compact-card__header e .t1-compact-card__body no HTML
 */

 /**
 * Newsletter CTA Styles - Desktop Layout Fixed
 * theme 1 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 */
	--t1-newsletter-bg: #070423;
	--t1-newsletter-title: #ffffff;
	--t1-newsletter-subtitle: #ebebeb;
	--t1-newsletter-input-bg: #0D084D;
	--t1-newsletter-input-text: #ffffff;
	--t1-newsletter-input-placeholder: rgba(255, 255, 255, 0.6);
	--t1-newsletter-btn-bg: #0FE2B4;
	--t1-newsletter-btn-border: #0FE2B4;
	--t1-newsletter-btn-text: #ffffff;
	--t1-newsletter-info-icon: #b2e2ff;
	--t1-newsletter-info-text: #f7f7f7;
	--t1-newsletter-link: #b2e2ff;
	--t1-newsletter-success: #0FE2B4;
	--t1-newsletter-error: #ff6b6b;
}


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

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

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


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

.t1-newsletter-cta__box {
	background-color: var(--t1-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)
   ============================================ */

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

.t1-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)
   ============================================ */

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

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

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

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


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

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

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

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

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

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


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

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

	.t1-newsletter-cta__box {
		padding: 80px 38px;
		gap: 20px;
	}

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

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

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

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


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

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

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

	/* ============================================
	   BOX (CARD ESCURO)
	   ============================================ */
	
	.t1-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)
	   ============================================ */
	
	.t1-newsletter-cta__header {
		gap: 12px;
	}

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

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

	/* ============================================
	   FORMULÁRIO: INPUT + BOTÃO INLINE
	   ============================================ */
	
	.t1-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(--t1-newsletter-input-bg);
		border-radius: 1000px;
		/* Largura máxima para centralizar */
		max-width: fit-content;
		margin: 0 auto;
	}

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

	/* ============================================
	   INPUT DE E-MAIL
	   ============================================ */
	
	.t1-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;
	}

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

	/* ============================================
	   BOTÃO SUBMIT
	   ============================================ */
	
	.t1-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)
	   ============================================ */
	
	.t1-newsletter-cta__info {
		/* Flex horizontal (inline) */
		flex-direction: row;
		align-items: center;
		justify-content: center;
		gap: 10px;
	}

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

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


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

/* Screen reader only */
.t1-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 */
.t1-newsletter-cta__input:focus-visible,
.t1-newsletter-cta__btn:focus-visible,
.t1-newsletter-cta__link:focus-visible {
	outline: 3px solid var(--t1-newsletter-btn-bg);
	outline-offset: 3px;
}

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

	.t1-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 {
	--t1-interested-title-color: #000000;
	--t1-interested-date-color: #0FE2B4;
	--t1-interested-card-bg: #ffffff;
	--t1-interested-card-border: #ebebeb;
	--t1-interested-arrow-bg: #0FE2B4;
	--t1-interested-arrow-border: #0FE2B4;
	--t1-interested-arrow-icon: #ffffff;
	--t1-interested-nav-bg: #0FE2B4;
	--t1-interested-nav-color: #ffffff;
	--t1-interested-arrow-size: 38px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* Navegação */
.t1-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(--t1-interested-nav-bg);
	color: var(--t1-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);
}

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

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

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

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

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

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

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

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

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

	.t1-interested-carousel__nav {
		width: 38px;
		height: 38px;
	}

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

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

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

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

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

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

	/* 4 cards completos e visíveis */
	.t1-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 */
	}

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

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

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

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

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

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

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

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

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

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

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

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

:root {
	--t1-bg: #f7f7f7;
	--t1-text: #000000;
	--t1-text-muted: #595959;
	--t1-white: #ffffff;
	--t1-border: #ebebeb;
	--t1-radius: 100px;
	--t1-radius-box: 20px;
}

/* Footer */
.t1-footer {
	background-color: var(--t1-white);
	border-top: 1px solid var(--t1-border);
	padding: 80px 20px;
}

.t1-footer__container {
	max-width: 1600px;
	margin: 0 auto;
}

.t1-footer__grid {
	display: grid;
	gap: 40px;
	margin-bottom: 32px;
}

/* Coluna Brand */
.t1-footer__col--brand {
	display: flex;
	flex-direction: column;
	gap: 32px;
	align-items: center;
	text-align: center;
}

.t1-footer__logo a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 150px;
	height: 50px;
	border-radius: 1000px;
	text-decoration: none;
}

.t1-footer__logo-text {
	font-family: 'Figtree', sans-serif;
	font-weight: 600;
	font-size: 32px;
	color: var(--t1-text);
}

.t1-footer__logo-img {
	max-width: 100%;
	max-height: 50px;
	height: auto;
	width: auto;
}

.t1-footer__desc {
	font-family: 'Figtree', sans-serif;
	font-size: 16px;
	line-height: 1.5;
	color: var(--t1-text-muted);
	margin: 0;
}

.t1-footer__menu-list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 14px;
	width: 100%;
}

.t1-footer__menu-list a {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 8px 16px;
	background-color: transparent;
	border: 1px solid transparent;
	border-radius: var(--t1-radius);
	font-family: 'Figtree', sans-serif;
	font-weight: 600;
	font-size: 16px;
	color: var(--t1-text);
	text-decoration: none;
	transition: background-color 0.3s;
}

.t1-footer__menu-list a:hover {
	background-color: rgba(0, 0, 0, 0.05);
}

/* Coluna Newsletter */
.t1-footer__col--newsletter {
	display: flex;
	flex-direction: column;
	gap: 14px;
	align-items: center;
	text-align: center;
}

.t1-footer__newsletter-title {
	font-family: 'Figtree', sans-serif;
	font-weight: 600;
	font-size: 40px;
	color: var(--t1-text);
	margin: 0;
}

.t1-footer__newsletter-subtitle {
	font-family: 'Figtree', sans-serif;
	font-size: 16px;
	color: var(--t1-text-muted);
	margin: 0;
}

.t1-footer__newsletter-form {
	display: flex;
	gap: 8px;
	width: 100%;
	max-width: 400px;
}

.t1-footer__newsletter-input {
	flex: 1;
	padding: 10px 20px;
	background-color: var(--t1-bg);
	border: none;
	border-radius: 100px 4px 4px 100px;
	font-family: 'Figtree', sans-serif;
	font-size: 16px;
	color: var(--t1-text);
	outline: none;
}

.t1-footer__newsletter-input::placeholder {
	color: #808080;
}

.t1-footer__newsletter-input:focus {
	background-color: #ebebeb;
}

.t1-footer__newsletter-btn {
	padding: 8px 16px;
	background-color: #65245E;
	border: 1px solid #65245E;
	border-radius: 4px 100px 100px 4px;
	font-family: 'Figtree', sans-serif;
	font-weight: 600;
	font-size: 16px;
	color: var(--t1-white);
	cursor: pointer;
	transition: opacity 0.3s;
	white-space: nowrap;
}

.t1-footer__newsletter-btn:hover {
	opacity: 0.8;
}

.t1-footer__newsletter-disclaimer {
	font-family: 'Figtree', sans-serif;
	font-size: 16px;
	color: var(--t1-text-muted);
	margin: 0;
	max-width: 400px;
}

.t1-footer__newsletter-msg {
	padding: 12px;
	border-radius: 8px;
	font-family: 'Figtree', sans-serif;
	font-size: 14px;
	margin-top: 8px;
}

.t1-footer__newsletter-msg--success {
	background-color: #d4edda;
	color: #155724;
}

.t1-footer__newsletter-msg--error {
	background-color: #f8d7da;
	color: #721c24;
}

/* Coluna Categories */
.t1-footer__col--categories {
	background-color: var(--t1-bg);
	border-radius: var(--t1-radius-box);
	padding: 50px 24px;
	display: flex;
	flex-direction: column;
	gap: 32px;
	align-items: center;
}

.t1-footer__categories-title {
	font-family: 'Figtree', sans-serif;
	font-weight: 600;
	font-size: 40px;
	color: var(--t1-text);
	margin: 0;
}

.t1-footer__categories-list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 32px;
	justify-content: center;
}

.t1-footer__categories-list a {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 8px 16px;
	background-color: transparent;
	border: 1px solid transparent;
	border-radius: var(--t1-radius);
	font-family: 'Figtree', sans-serif;
	font-weight: 600;
	font-size: 16px;
	color: var(--t1-text);
	text-decoration: none;
	transition: background-color 0.3s;
	white-space: nowrap;
}

.t1-footer__categories-list a:hover {
	background-color: rgba(0, 0, 0, 0.05);
}

/* Bottom */
.t1-footer__bottom {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 24px;
	padding-top: 32px;
	border-top: 1px solid var(--t1-border);
}

.t1-footer__copyright-left,
.t1-footer__copyright-right {
	font-family: 'Figtree', sans-serif;
	font-size: 16px;
	color: var(--t1-text-muted);
	margin: 0;
}

.t1-footer__trek img {
	height: 56px;
	width: auto;
}

/* Mobile: ordem logo trek no meio */
@media (max-width: 1023px) {
	.t1-footer__bottom {
		display: flex;
		flex-direction: column;
	}
	
	.t1-footer__copyright-left {
		order: 1;
	}
	
	.t1-footer__trek {
		order: 2;
	}
	
	.t1-footer__copyright-right {
		order: 3;
	}
}

/* Desktop */
@media (min-width: 1024px) {
	.t1-footer {
		padding: 80px 60px;
	}

	.t1-footer__grid {
		grid-template-columns: 236px 1fr 376px;
		gap: 60px;
	}

	.t1-footer__col--brand {
		align-items: flex-start;
		text-align: left;
	}

	.t1-footer__menu-list {
		align-items: flex-start;
	}

	.t1-footer__menu-list a {
		justify-content: flex-start;
	}

	.t1-footer__col--categories {
		padding: 50px 70px;
	}

	.t1-footer__bottom {
		flex-direction: row;
		justify-content: space-between;
	}

	.t1-footer__copyright-left {
		order: 1;
	}

	.t1-footer__trek {
		order: 2;
	}

	.t1-footer__copyright-right {
		order: 3;
	}
}

/* ================================================
   Category Navigation Component
   ================================================ */

.category-navigation-section {
    width: 100%;
    padding: 60px 0;
}

.category-navigation-container {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 38px;
    padding: 24px 0;
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
}

/* Label Section */
.category-navigation-label {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
}

.label-text {
    font-family: 'Figtree', sans-serif;
    font-weight: 600;
    font-size: 18px;
    line-height: 1;
    color: #00964b;
    white-space: nowrap;
}

.label-icon {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
    color: #00964b;
}

/* Navigation Items */
.category-navigation-items {
    display: flex;
    align-items: center;
    gap: 32px;
    flex-shrink: 0;
}

.category-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 16px;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 100px;
    font-family: 'Figtree', sans-serif;
    font-weight: 600;
    font-size: 16px;
    line-height: 1;
    color: #000000;
    text-decoration: none;
    white-space: nowrap;
    transition: all 0.2s ease;
    cursor: pointer;
}

.category-button:hover {
    background-color: rgba(0, 150, 75, 0.08);
    border-color: rgba(0, 150, 75, 0.2);
    color: #00964b;
}

.category-button:focus {
    outline: 2px solid #00964b;
    outline-offset: 2px;
}

.category-button:active {
    background-color: rgba(0, 150, 75, 0.12);
}

/* Responsive Design */
@media screen and (max-width: 1024px) {
    .category-navigation-container {
        flex-direction: column;
        align-items: flex-start;
        gap: 24px;
    }
    
    .category-navigation-items {
        flex-wrap: wrap;
        gap: 16px;
    }
}

@media screen and (max-width: 768px) {
    .category-navigation-section {
        padding: 40px 0;
    }
    
    .category-navigation-container {
        padding: 16px;
    }
    
    .label-text {
        font-size: 16px;
    }
    
    .category-button {
        font-size: 14px;
        padding: 6px 12px;
    }
    
    .category-navigation-items {
        gap: 12px;
    }
}

@media screen and (max-width: 480px) {
    .category-navigation-items {
        width: 100%;
    }
    
    .category-button {
        flex: 1 1 auto;
        min-width: fit-content;
    }
}
/* ============================================
   CATEGORY ARCHIVE - HERO SLIDER
   ============================================ */

.t6-category-archive {
    background: var(--bg, #ffffff);
    min-height: 100vh;
}

/* Título da Categoria */
.t6-cat-title {
    text-align: center;
    padding: 38px 16px 24px;
    max-width: 1200px;
    margin: 0 auto;
}

.t6-cat-title h1 {
    font-size: clamp(28px, 5vw, 42px);
    font-weight: 700;
    color: var(--heading, #000000);
    margin: 0;
	font-family: 'Figtree', sans-serif;
    letter-spacing: 1px;
}

/* Container do Slider */
.t6-cat-hero {
    position: relative;
    width: 100%;
    height: 600px;
    overflow: visible;
    padding: 38px 0;
}

.t6-cat-hero__container {
    position: relative;
    width: 100%;
    height: 100%;
    max-width: 1600px;
    margin: 0 auto;
    padding: 0 clamp(16px, 3vw, 80px);
}

/* Track dos Slides */
.t6-cat-hero__track {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Slide Individual */
.t6-cat-hero__slide {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 70%;
    max-width: 900px;
    height: 90%;
    transform: translate(-50%, -50%) scale(0.85);
    opacity: 0;
    visibility: hidden;
    transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
    z-index: 1;
}

/* Slide Ativo (Centro) */
.t6-cat-hero__slide--active {
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
    visibility: visible;
    z-index: 3;
}

/* Slide Anterior (Esquerda) */
.t6-cat-hero__slide--prev {
    transform: translate(-120%, -50%) scale(0.85);
    opacity: 0.6;
    visibility: visible;
    z-index: 2;
}

/* Slide Próximo (Direita) */
.t6-cat-hero__slide--next {
    transform: translate(20%, -50%) scale(0.85);
    opacity: 0.6;
    visibility: visible;
    z-index: 2;
}

/* Background com Imagem */
.t6-cat-hero__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.t6-cat-hero__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

/* Degradê sobre a imagem */
.t6-cat-hero__gradient {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(
        180deg,
        rgba(0, 0, 0, 0) 0%,
        rgba(0, 0, 0, 0.3) 50%,
        rgba(0, 0, 0, 0.8) 100%
    );
    z-index: 2;
}

/* Content (Texto sobre o degradê) */
.t6-cat-hero__content {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 3;
    padding: 0 clamp(16px, 3vw, 38px) 38px;
    max-width: 800px;
}

.t6-cat-hero__title {
    font-size: clamp(24px, 4vw, 32px);
    font-weight: 700;
    line-height: 1.2;
    color: #ffffff;
    margin: 0 0 16px;
}

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

.t6-cat-hero__title a:hover {
    opacity: 0.85;
}

.t6-cat-hero__excerpt {
    font-size: clamp(14px, 1.5vw, 16px);
    line-height: 1.6;
    color: rgba(255, 255, 255, 0.9);
    margin: 0 0 24px;
}

/* Botão Read More */
.t6-cat-hero__btn {
    display: inline-block;
    padding: 12px 32px;
    background: var(--color1-400, #00ff00);
    color: #ffffff;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    border-radius: 24px;
    transition: all 0.2s ease;
}

.t6-cat-hero__btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

/* ============================================
   NAVIGATION - Container que agrupa tudo
   ============================================ */
.t6-cat-hero__navigation {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 24px;
    margin-top: 32px;
}

/* Navigation Dots */
.t6-cat-hero__dots {
    display: flex;
    gap: 12px;
    align-items: center;
    justify-content: center;
}

.t6-cat-hero__dot {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: transparent;
    border: 2px solid #00C060;
    cursor: pointer;
    transition: all 0.3s ease;
    padding: 0;
}

.t6-cat-hero__dot:hover {
    background: rgba(0, 192, 96, 0.2);
    transform: scale(1.1);
}

.t6-cat-hero__dot--active {
    background: #00C060;
    width: 80px;
    height: 14px;
    border-radius: 7px;
    border: none;
}

/* Arrow Buttons */
.t6-cat-hero__arrow {
    width: 44px;
    height: 44px;
    background: #ffffff;
    border: 2px solid #000000;
    border-radius: 50%;
    color: #000000;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
    flex-shrink: 0;
}

.t6-cat-hero__arrow:hover {
    background: #000000;
    color: #ffffff;
}

.t6-cat-hero__arrow svg {
    width: 20px;
    height: 20px;
}

/* ============================================
   CATEGORY POSTS LISTING
   ============================================ */

.t6-cat-listing {
    width: 100%;
    padding: 130px 0;
    background: var(--bg, #ffffff);
}

.t6-cat-listing__wrapper {
    max-width: 1600px;
    margin: 0 auto;
    padding: 0 clamp(16px, 3vw, 80px);
    display: flex;
    gap: 32px;
    align-items: flex-start;
    justify-content: center;
}

/* ============================================
   SIDEBAR - Menu de Categorias
   ============================================ */
.t6-cat-sidebar {
    width: 237px;
    flex-shrink: 0;
    background: #f7f7f7;
    border-radius: 20px;
    padding: 30px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.t6-cat-sidebar__item {
    display: flex;
    align-items: center;
    padding: 8px 16px;
    background: transparent;
    border: 1px solid transparent;
    border-radius: 100px;
    font-family: 'Figtree', sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: #000000;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.2s ease;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

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

.t6-cat-sidebar__item--active {
    background: #ffffff;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

/* ============================================
   POSTS GRID
   ============================================ */
.t6-cat-posts {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 32px;
    max-width: 784px;
}

/* ============================================
   POST CARD - Horizontal
   ============================================ */
.t6-post-card {
    display: flex;
    gap: 24px;
    align-items: center;
    width: 100%;
    min-height: 232px;
}

.t6-post-card__img-wrapper {
    flex: 0 0 374px;
    height: 228px;
    border-radius: 20px;
    overflow: hidden;
}

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

.t6-post-card:hover .t6-post-card__img {
    transform: scale(1.05);
}

.t6-post-card__content {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

/* Label da Categoria */
.t6-post-card__label {
    display: flex;
    align-items: center;
    gap: 6px;
    height: 14px;
}

.t6-post-card__label-icon {
    width: 16px;
    height: 6px;
    background: var(--color1-400, #00964b);
    border-radius: 100px;
}

.t6-post-card__label-text {
    font-family: 'Figtree', sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: var(--color1-400, #00964b);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Título do Post */
.t6-post-card__title {
    font-family: 'Figtree', sans-serif;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.2;
    color: var(--heading, #000000);
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

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

.t6-post-card__title a:hover {
    opacity: 0.7;
}

/* Excerpt */
.t6-post-card__excerpt {
    font-family: 'Figtree', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    color: #595959;
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Botão Read More */
.t6-post-card__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 16px;
    background: var(--color1-400, #DA1D5D);
    border: 1px solid var(--color1-400, #DA1D5D);
    border-radius: 100px;
    font-family: 'Figtree', sans-serif;
    font-size: 20px;
    font-weight: 700;
    color: #000000;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.2s ease;
    align-self: flex-start;
}

.t6-post-card__btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

/* ============================================
   RESPONSIVE
   ============================================ */
@media (max-width: 1024px) {
    .t6-cat-listing__wrapper {
        flex-direction: column;
		margin-top: 60px;
    }
    
    .t6-cat-sidebar {
        width: 100%;
        flex-direction: row;
        flex-wrap: wrap;
        padding: 20px;
    }
    
    .t6-cat-posts {
        max-width: 100%;
    }
}

@media (max-width: 768px) {
    .t6-post-card {
        flex-direction: column;
        gap: 16px;
        min-height: auto;
    }
    
    .t6-post-card__img-wrapper {
        flex: 0 0 auto;
        width: 100%;
        height: 200px;
    }
    
    .t6-post-card__title {
        font-size: 20px;
    }
    
    .t6-post-card__excerpt {
        font-size: 14px;
    }
    
    .t6-post-card__btn {
        font-size: 18px;
    }
}

@media (max-width: 480px) {
    .t6-cat-listing {
        padding: 40px 0;
    }
    
    .t6-cat-sidebar {
        padding: 16px;
        gap: 8px;
    }
    
    .t6-cat-sidebar__item {
        font-size: 14px;
        padding: 6px 12px;
    }
    
    .t6-cat-posts {
        gap: 24px;
    }
}
/* ============================================
   RESPONSIVE
   ============================================ */

@media (max-width: 1024px) {
    /* Oculta slides laterais em telas menores */
    .t6-cat-hero__slide--prev,
    .t6-cat-hero__slide--next {
        opacity: 0 !important;
        visibility: hidden !important;
    }
    
    .t6-cat-hero__slide {
        width: 85%;
    }
}

@media (max-width: 768px) {
    .t6-cat-title {
        padding: 32px 16px 16px;
    }
    
    .t6-cat-title h1 {
        font-size: 24px;
    }
    
    .t6-cat-hero {
        height: 500px;
        padding: 24px 0;
    }
    
    .t6-cat-hero__slide {
        width: 90%;
    }

    .t6-cat-hero__content {
        padding: 0 16px 32px;
    }

    .t6-cat-hero__title {
        font-size: 22px;
        margin-bottom: 12px;
    }

    .t6-cat-hero__excerpt {
        font-size: 14px;
        margin-bottom: 16px;
    }

    .t6-cat-hero__btn {
        padding: 10px 24px;
        font-size: 13px;
    }

    .t6-cat-hero__arrow {
        width: 40px;
        height: 40px;
    }

    .t6-cat-hero__arrow--prev {
        left: 8px;
    }

    .t6-cat-hero__arrow--next {
        right: 8px;
    }

    .t6-cat-hero__dots {
        bottom: 16px;
        gap: 8px;
    }

    .t6-cat-hero__dot {
        width: 10px;
        height: 10px;
    }

    .t6-cat-hero__dot--active {
        width: 24px;
    }
}

@media (max-width: 480px) {
    .t6-cat-hero {
        height: 450px;
    }
    
    .t6-cat-hero__slide {
        width: 95%;
    }

    .t6-cat-hero__title {
        font-size: 20px;
    }

    .t6-cat-hero__excerpt {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    
    .t6-cat-hero__arrow {
        width: 36px;
        height: 36px;
    }
}

/* ============================================
   PAGINAÇÃO DA CATEGORIA
   ============================================ */
.t6-cat-pagination {
    width: 100%;
    padding: 60px 0;
    border-top: 1px solid #e0e0e0;
}

.t6-cat-pagination__wrapper {
    max-width: 1600px;
    margin: 0 auto;
    padding: 24px 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 24px;
}

/* Botões Anterior/Próxima */
.t6-pag-arrow {
    display: flex;
    align-items: center;
    gap: 14px;
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 0;
}

.t6-pag-arrow:disabled {
    opacity: 0.4;
    cursor: not-allowed;
}

.t6-pag-arrow__text {
    font-family: 'Figtree', sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: #00C060;
    width: 124px;
}

.t6-pag-arrow--prev .t6-pag-arrow__text {
    text-align: right;
}

.t6-pag-arrow--next .t6-pag-arrow__text {
    text-align: left;
}

.t6-pag-arrow__btn {
    width: 40px;
    height: 40px;
    background: #000000;
    border: 1px solid #000000;
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
}

.t6-pag-arrow:hover .t6-pag-arrow__btn {
    background: #333333;
}

.t6-pag-arrow__btn svg {
    width: 20px;
    height: 20px;
}

/* Container dos números */
.t6-pag-numbers {
    background: #f7f7f7;
    border-radius: 100px;
    padding: 5px 20px;
    display: flex;
    align-items: center;
    gap: 24px;
}

/* Botões de número */
.t6-pag-number {
    background: transparent;
    border: 1px solid transparent;
    border-radius: 100px;
    padding: 8px;
    min-width: 32px;
    font-family: 'Figtree', sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: #000000;
    cursor: pointer;
    transition: all 0.2s ease;
    text-align: center;
}

.t6-pag-number:hover {
    background: rgba(0, 0, 0, 0.05);
}

.t6-pag-number--active {
    background: #e4ffe6;
    border-color: #00e526;
}

.t6-pag-ellipsis {
    font-family: 'Figtree', sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: #000000;
    padding: 8px;
}

/* ============================================
   SEE MORE SECTION
   ============================================ */
.t6-see-more {
    width: 100%;
    padding: 60px 0;
    background: var(--bg, #ffffff);
}

.t6-see-more__content {
    max-width: 1600px;
    margin: 0 auto;
    padding: 0 clamp(16px, 3vw, 80px);
    display: flex;
    flex-direction: column;
    gap: 32px;
    align-items: center;
}

/* Header */
.t6-see-more__header {
    display: flex;
    flex-direction: column;
    gap: 4px;
    align-items: center;
    text-align: center;
}

.t6-see-more__label {
    background: #f7f7f7;
    padding: 5px 20px;
    border-radius: 100px;
    font-family: 'Figtree', sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: var(--color1-400, #00964b);
    text-transform: uppercase;
}

.t6-see-more__title {
    font-family: 'Figtree', sans-serif;
    font-size: 38px;
    font-weight: 600;
    color: var(--heading, #000000);
    margin: 0;
}

/* Grid de Cards */
.t6-see-more__grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
    width: 100%;
    max-width: 1062px;
}

/* Card Individual */
.t6-see-more-card {
    display: flex;
    flex-direction: column;
    gap: 14px;
    height: 280px;
}

.t6-see-more-card__img {
    flex: 1;
    border-radius: 20px;
    overflow: hidden;
    position: relative;
}

.t6-see-more-card__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.t6-see-more-card:hover .t6-see-more-card__img img {
    transform: scale(1.05);
}

.t6-see-more-card__content {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 4px;
}

/* Label da Categoria */
.t6-see-more-card__label {
    display: flex;
    align-items: center;
    gap: 6px;
    height: 14px;
}

.t6-see-more-card__label-icon {
    width: 16px;
    height: 6px;
    background: var(--color1-400, #00964b);
    border-radius: 100px;
}

.t6-see-more-card__label-text {
    font-family: 'Figtree', sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: var(--color1-400, #00964b);
    text-transform: uppercase;
}

/* Título */
.t6-see-more-card__title {
    font-family: 'Figtree', sans-serif;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.2;
    color: var(--heading, #000000);
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.t6-see-more-card__title a {
    color: inherit;
    text-decoration: none;
    transition: opacity 0.2s ease;
}

.t6-see-more-card__title a:hover {
    opacity: 0.7;
}

/* Botão */
.t6-see-more-card__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 16px;
    background: var(--color1-400, #DA1D5D);
    border: 1px solid var(--color1-400, #DA1D5D);
    border-radius: 100px;
    font-family: 'Figtree', sans-serif;
    font-size: 20px;
    font-weight: 700;
    color: #000000;
    text-decoration: none;
    transition: all 0.2s ease;
    align-self: flex-start;
}

.t6-see-more-card__btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

/* Responsive */
@media (max-width: 1024px) {
    .t6-see-more__grid {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .t6-see-more__title {
        font-size: 36px;
    }
}

@media (max-width: 640px) {
    .t6-see-more {
        padding: 40px 0;
    }
    
    .t6-see-more__grid {
        grid-template-columns: 1fr;
    }
    
    .t6-see-more__title {
        font-size: 32px;
    }
    
    .t6-see-more-card {
        height: auto;
    }
}

/* ============================================
   SEARCH PAGE
   ============================================ */
.t6-search {
    width: 100%;
    padding: 40px 0;
}

/* Header da Busca */
.t6-search__header {
    max-width: 1600px;
    margin: 0 auto;
    padding: 0 clamp(16px, 3vw, 80px) 32px;
    display: flex;
    flex-direction: column;
    gap: 32px;
    align-items: center;
}

.t6-search__title {
    font-family: 'Figtree', sans-serif;
    font-size: 40px;
    font-weight: 600;
    color: var(--heading, #000000);
    text-align: center;
    margin: 0;
}

/* Search Input */
.t6-search__input-wrapper {
    width: 100%;
    max-width: 1600px;
    position: relative;
}

.t6-search__input {
    width: 100%;
    padding: 8px 56px 8px 20px;
    background: var(--input-bg, #ebebeb);
    border: 1px solid var(--input-border, #e0e0e0);
    border-radius: 20px;
    font-family: 'Figtree', sans-serif;
    font-size: 16px;
    color: var(--heading, #000000);
    transition: all 0.2s ease;
}

.t6-search__input:focus {
    outline: none;
    border-color: var(--color1-400, #00964b);
    background: #ffffff;
}

.t6-search__input::placeholder {
    color: var(--text-secondary, #808080);
}

.t6-search__submit {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

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

/* Container Principal */
.t6-search__container {
    max-width: 1600px;
    margin: 0 auto;
    padding: 0 clamp(16px, 3vw, 80px);
    display: flex;
    gap: 32px;
    align-items: flex-start;
}

/* Sidebar com Categorias */
.t6-search__sidebar {
    width: 237px;
    flex-shrink: 0;
    background: var(--container-alt, #f7f7f7);
    border-radius: 20px;
    padding: 30px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.t6-search__sidebar-title {
    font-family: 'Figtree', sans-serif;
    font-size: 20px;
    font-weight: 600;
    color: var(--heading, #000000);
    margin: 0 0 10px;
    padding-bottom: 10px;
    border-bottom: 2px solid var(--color1-400, #65245E);
}

.t6-search__category-item {
    display: block;
    padding: 8px 16px;
    background: transparent;
    border: 1px solid transparent;
    border-radius: 100px;
    font-family: 'Figtree', sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: var(--heading, #000000);
    text-decoration: none;
    transition: all 0.2s ease;
}

.t6-search__category-item:hover {
    background: rgba(0, 0, 0, 0.05);
}

.t6-search__category-item--active {
    background: var(--color1-100, #e4ffe6);
    border-color: var(--color1-400, #00e526);
}

/* Grid de Posts */
.t6-search__posts {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 32px;
}

/* Card Horizontal */
.t6-search-card {
    display: flex;
    gap: 24px;
    height: 232px;
}

.t6-search-card__img {
    width: 374px;
    height: 228px;
    flex-shrink: 0;
    border-radius: 20px;
    overflow: hidden;
    position: relative;
}

.t6-search-card__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.t6-search-card:hover .t6-search-card__img img {
    transform: scale(1.05);
}

.t6-search-card__content {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

/* Label da Categoria */
.t6-search-card__label {
    display: flex;
    align-items: center;
    gap: 6px;
    height: 14px;
}

.t6-search-card__label-icon {
    width: 16px;
    height: 6px;
    background: var(--color1-400, #65245E);
    border-radius: 100px;
}

.t6-search-card__label-text {
    font-family: 'Figtree', sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: var(--color1-400, #65245E);
    text-transform: uppercase;
}

/* Título */
.t6-search-card__title {
    font-family: 'Figtree', sans-serif;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.2;
    color: var(--heading, #000000);
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

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

.t6-search-card__title a:hover {
    opacity: 0.7;
}

/* Excerpt */
.t6-search-card__excerpt {
    font-family: 'Figtree', sans-serif;
    font-size: 16px;
    line-height: 1.5;
    color: var(--text-secondary, #595959);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Botão */
.t6-search-card__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 16px;
    background: var(--color1-400, #DA1D5D);
    border: 1px solid var(--color1-400, #DA1D5D);
    border-radius: 100px;
    font-family: 'Figtree', sans-serif;
    font-size: 20px;
    font-weight: 700;
    color: #ffffff;
    text-decoration: none;
    transition: all 0.2s ease;
    align-self: flex-start;
}

.t6-search-card__btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

/* Estado Vazio */
.t6-search__empty {
    text-align: center;
    padding: 60px 20px;
}

.t6-search__empty-title {
    font-family: 'Figtree', sans-serif;
    font-size: 32px;
    font-weight: 600;
    color: var(--heading, #000000);
    margin: 0 0 16px;
}

.t6-search__empty-text {
    font-family: 'Figtree', sans-serif;
    font-size: 16px;
    color: var(--text-secondary, #595959);
    margin: 0 0 24px;
}

.t6-search__empty-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 12px 24px;
    background: var(--color1-400, #DA1D5D);
    border: 1px solid var(--color1-400, #DA1D5D);
    border-radius: 100px;
    font-family: 'Figtree', sans-serif;
    font-size: 20px;
    font-weight: 700;
    color: #000000;
    text-decoration: none;
    transition: all 0.2s ease;
}

.t6-search__empty-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

/* Responsive */
@media (max-width: 1024px) {
    .t6-search__container {
        flex-direction: column;
    }
    
    .t6-search__sidebar {
        width: 100%;
        flex-direction: row;
        flex-wrap: wrap;
        padding: 20px;
    }
    
    .t6-search-card {
        flex-direction: column;
        height: auto;
    }
    
    .t6-search-card__img {
        width: 100%;
        height: 240px;
    }
}

@media (max-width: 640px) {
    .t6-search {
        padding: 20px 0;
    }
    
    .t6-search__title {
        font-size: 28px;
    }
    
    .t6-search__header {
        padding-bottom: 20px;
    }
    
    .t6-search__sidebar {
        gap: 8px;
    }
    
    .t6-search__category-item {
        font-size: 14px;
        padding: 6px 12px;
    }
}
/* single.css */

:root {
    --color-black: #000000;
    --color-green: #65245E;
    --font-family: 'Figtree', sans-serif;
}

/* Hero Section */
.single-hero {
    padding: 40px 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.single-hero__content {
    max-width: 1100px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 31px;
}

.single-hero__title {
    font-family: var(--font-family);
    font-weight: 600;
    font-size: 40px;
    line-height: 1;
    color: var(--color-black);
    text-align: center;
    margin: 0;
    max-width: 912px;
    width: 100%;
}

.single-hero__meta {
    display: flex;
    align-items: center;
    gap: 59px;
}

.single-hero__date,
.single-hero__reading-time {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 16px;
    line-height: 1;
    color: var(--color-green);
    white-space: nowrap;
}

.single-hero__dot {
    width: 8px;
    height: 8px;
    background: var(--color-green);
    border-radius: 50%;
    flex-shrink: 0;
}

.single-hero__image {
    width: 100%;
    height: 559px;
    border-radius: 20px;
    overflow: hidden;
}

.single-hero__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* Post Content */
.single-content {
    padding: 60px 0;
}

.single-content__wrapper {
    max-width: 800px;
    margin: 0 auto;
    padding: 0 40px;
}

.single-content__wrapper h2,
.single-content__wrapper h3 {
    font-family: var(--font-family);
    font-weight: 600;
    font-size: 24px;
    color: var(--color-black);
    margin: 32px 0 14px 0;
    line-height: 1.3;
}

.single-content__wrapper p {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 16px;
    color: #595959;
    line-height: 1.6;
    margin: 0 0 16px 0;
}

/* Mobile Responsive */
@media (max-width: 1199px) {
    .single-hero__content {
        max-width: 90%;
        padding: 0 20px;
    }
}

@media (max-width: 768px) {
    .single-hero {
        padding: 20px 0;
    }

    .single-hero__content {
        gap: 20px;
        max-width: 100%;
        padding: 0 36px;
    }

    .single-hero__title {
        font-size: 24px;
        max-width: 100%;
    }

    .single-hero__meta {
        gap: 20px;
        flex-wrap: wrap;
        justify-content: center;
    }

    .single-hero__date,
    .single-hero__reading-time {
        font-size: 14px;
    }

    .single-hero__dot {
        width: 6px;
        height: 6px;
    }

    .single-hero__image {
        display: none;
    }

    .single-content {
        padding: 10px 0;
    }

    .single-content__wrapper {
        padding: 0 36px;
    }
}

/* Layout with Sidebar */
.single-layout {
    max-width: 1440px;
    margin: 0 auto;
    padding: 60px 40px;
    display: grid;
    grid-template-columns: 1fr 376px;
    gap: 80px;
    align-items: start;
}

.single-content__wrapper h2,
.single-content__wrapper h3 {
    font-family: var(--font-family);
    font-weight: 600;
    font-size: 24px;
    color: var(--color-black);
    margin: 32px 0 14px 0;
    line-height: 1.3;
}

.single-content__wrapper p {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 16px;
    color: #595959;
    line-height: 1.6;
    margin: 0 0 16px 0;
}

/* Sidebar */
.single-sidebar {
    background: #f5f5f5;
    border-radius: 20px;
    padding: 32px 24px;
    position: sticky;
    top: 100px;
}

.single-sidebar__header {
    margin-bottom: 24px;
}

.single-sidebar__title {
    font-family: var(--font-family);
    font-weight: 600;
    font-size: 24px;
    color: var(--color-black);
    margin: 0;
    text-align: center;
}

.single-sidebar__posts {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

/* Sidebar Card */
.sidebar-card {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.sidebar-card__category {
    display: flex;
    align-items: center;
    gap: 6px;
}

.sidebar-card__category-dot {
    width: 12px;
    height: 4px;
    background: var(--color-green);
    border-radius: 100px;
}

.sidebar-card__category-name {
    font-family: var(--font-family);
    font-weight: 700;
    font-size: 12px;
    color: var(--color-green);
}

.sidebar-card__thumbnail {
    width: 100%;
    height: 160px;
    border-radius: 12px;
    overflow: hidden;
}

.sidebar-card__thumbnail a {
    display: block;
    width: 100%;
    height: 100%;
}

.sidebar-card__thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.sidebar-card__thumbnail:hover img {
    transform: scale(1.05);
}

.sidebar-card__content {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.sidebar-card__title {
    margin: 0;
    font-family: var(--font-family);
    font-weight: 600;
    font-size: 16px;
    color: var(--color-black);
    line-height: 1.3;
}

.sidebar-card__title a {
    color: inherit;
    text-decoration: none;
}

.sidebar-card__title a:hover {
    text-decoration: underline;
}

.sidebar-card__button {
    background: #DA1D5D;
    border: 1px solid #DA1D5D;
    color: #ffffff;
    font-family: var(--font-family);
    font-weight: 600;
    font-size: 14px;
    padding: 6px 14px;
    border-radius: 100px;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
    width: fit-content;
}

.sidebar-card__button:hover {
    opacity: 0.9;
}

/* Mobile */
@media (max-width: 1024px) {
    .single-layout {
        grid-template-columns: 1fr;
        gap: 40px;
        padding: 40px 36px;
    }

    .single-sidebar {
        position: static;
    }
}

/* Author Section */
.single-author-section {
    padding: 60px 0;
}

.single-author-section__wrapper {
    max-width: 1059px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 32px;
}

/* Social Share */
.single-social-share {
    display: flex;
    align-items: center;
    gap: 12px;
    width: fit-content;
}

.single-social-share__button {
    width: 40px;
    height: 40px;
    background: #000000;
    border-radius: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 6.667px;
    transition: opacity 0.2s ease;
}

.single-social-share__button:hover {
    opacity: 0.8;
}

.single-social-share__button img {
    width: 70%;
    height: 70%;
    object-fit: contain;
}

/* Author Box */
.single-author-box {
    background: #f7f7f7;
    border-radius: 20px;
    padding: 40px;
    display: flex;
    align-items: center;
    gap: 32px;
}

.single-author-box__avatar {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    overflow: hidden;
    flex-shrink: 0;
}

.single-author-box__avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.single-author-box__info {
    display: flex;
    flex-direction: column;
    gap: 8px;
    flex: 1;
}

.single-author-box__label {
    font-family: var(--font-family);
    font-weight: 600;
    font-size: 18px;
    line-height: 1;
    color: var(--color-green);
    margin: 0;
}

.single-author-box__name {
    font-family: var(--font-family);
    font-weight: 600;
    font-size: 40px;
    line-height: 1;
    color: var(--color-black);
    margin: 0;
}

.single-author-box__bio {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
    color: #595959;
    margin: 0;
}

/* Mobile */
@media (max-width: 768px) {
    .single-author-section {
        padding: 40px 0;
    }

    .single-author-section__wrapper {
        padding: 0 36px;
    }

    .single-social-share {
        justify-content: center;
        width: 100%;
    }

    .single-author-box {
        flex-direction: column;
        text-align: center;
        padding: 32px 24px;
    }

    .single-author-box__name {
        font-size: 32px;
    }
}

/* See More Section */
.single-see-more {
    padding: 60px 0;
}

.single-see-more__content {
    max-width: 1062px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 32px;
    align-items: center;
}

.single-see-more__header {
    display: flex;
    flex-direction: column;
    gap: 4px;
    align-items: center;
}

.single-see-more__label {
    background: #f7f7f7;
    padding: 5px 20px;
    border-radius: 100px;
}

.single-see-more__label span {
    font-family: var(--font-family);
    font-weight: 600;
    font-size: 14px;
    line-height: 1;
    color: var(--color-green);
}

.single-see-more__title {
    font-family: var(--font-family);
    font-weight: 600;
    font-size: 38px;
    line-height: 1;
    color: var(--color-black);
    margin: 0;
}

.single-see-more__grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
    width: 100%;
}

/* See More Card */
.single-see-more-card {
    display: flex;
    flex-direction: column;
    gap: 14px;
    height: 280px;
}

.single-see-more-card__image {
    flex: 1;
    border-radius: 20px;
    overflow: hidden;
    min-height: 0;
}

.single-see-more-card__image a {
    display: block;
    width: 100%;
    height: 100%;
}

.single-see-more-card__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.single-see-more-card__image:hover img {
    transform: scale(1.05);
}

.single-see-more-card__content {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 4px;
}

.single-see-more-card__category {
    display: flex;
    align-items: center;
    gap: 6px;
    height: 14px;
}

.single-see-more-card__category-dot {
    width: 16px;
    height: 6px;
    background: var(--color-green);
    border-radius: 100px;
    flex-shrink: 0;
}

.single-see-more-card__category-name {
    font-family: var(--font-family);
    font-weight: 600;
    font-size: 14px;
    line-height: 1;
    color: var(--color-green);
}

.single-see-more-card__title {
    margin: 0;
    font-family: var(--font-family);
    font-weight: 600;
    font-size: 24px;
    line-height: 1.2;
    color: var(--color-black);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.single-see-more-card__title a {
    color: inherit;
    text-decoration: none;
}

.single-see-more-card__title a:hover {
    text-decoration: underline;
}

.single-see-more-card__button {
    background: #DA1D5D;
    border: 1px solid #DA1D5D;
    color: #ffffff;
    font-family: var(--font-family);
    font-weight: 700;
    font-size: 20px;
    line-height: 1;
    padding: 8px 16px;
    border-radius: 100px;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
    width: fit-content;
}

.single-see-more-card__button:hover {
    opacity: 0.9;
    transform: translateY(-1px);
}

/* Mobile */
@media (max-width: 1100px) {
    .single-see-more__grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .single-see-more {
        padding: 40px 0;
    }

    .single-see-more__content {
        padding: 0 36px;
    }

    .single-see-more__title {
        font-size: 32px;
    }

    .single-see-more__grid {
        grid-template-columns: 1fr;
        gap: 24px;
    }

    .single-see-more-card {
        height: auto;
    }

    .single-see-more-card__image {
        height: 180px;
        flex: none;
    }
}

 /* privacy-page.css */

:root {
    --color-black: #000000;
    --color-green: #65245E;
    --color-gray: #595959;
    --color-gray-bg: #f7f7f7;
    --color-border: #ebebeb;
    --color-divider: #e0e0e0;
    --font-family: 'Figtree', sans-serif;
}

/* Page Header */
.privacy-page__header {
    border-top: 1px solid var(--color-border);
    border-bottom: 1px solid var(--color-border);
    padding: 20px 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.privacy-page__title {
    font-family: var(--font-family);
    font-weight: 600;
    font-size: 40px;
    line-height: 1;
    color: var(--color-black);
    text-align: center;
    margin: 0;
}

/* Page Content */
.privacy-page__content {
    padding: 40px 0 32px;
}

.privacy-page__wrapper {
    max-width: 824px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

/* Highlight Box */
.privacy-page__wrapper > p:first-child {
    background: var(--color-gray-bg);
    padding: 30px;
    border-radius: 20px;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
    color: var(--color-gray);
    margin: 0;
}

/* Content Styling */
.privacy-page__wrapper h2,
.privacy-page__wrapper h3 {
    font-family: var(--font-family);
    font-weight: 600;
    font-size: 32px;
    line-height: 1;
    color: var(--color-black);
    margin: 0;
    counter-increment: section;
}

.privacy-page__wrapper h2::before,
.privacy-page__wrapper h3::before {
    content: counter(section) ". ";
}

.privacy-page__wrapper p {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
    color: var(--color-gray);
    margin: 0;
}

.privacy-page__wrapper > div,
.privacy-page__wrapper > section {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

/* Divider */
.privacy-page__wrapper hr {
    border: none;
    border-top: 1px solid var(--color-divider);
    margin: 8px 0;
}

/* See More Section */
.privacy-see-more {
    padding: 60px 0;
}

.privacy-see-more__content {
    max-width: 1062px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 32px;
    align-items: center;
}

.privacy-see-more__header {
    display: flex;
    flex-direction: column;
    gap: 4px;
    align-items: center;
}

.privacy-see-more__label {
    background: var(--color-gray-bg);
    padding: 5px 20px;
    border-radius: 100px;
}

.privacy-see-more__label span {
    font-family: var(--font-family);
    font-weight: 600;
    font-size: 14px;
    line-height: 1;
    color: var(--color-green);
}

.privacy-see-more__title {
    font-family: var(--font-family);
    font-weight: 600;
    font-size: 38px;
    line-height: 1;
    color: var(--color-black);
    margin: 0;
}

.privacy-see-more__grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
    width: 100%;
}

/* See More Card */
.privacy-see-more-card {
    display: flex;
    flex-direction: column;
    gap: 14px;
    height: 280px;
}

.privacy-see-more-card__image {
    flex: 1;
    border-radius: 20px;
    overflow: hidden;
    min-height: 0;
}

.privacy-see-more-card__image a {
    display: block;
    width: 100%;
    height: 100%;
}

.privacy-see-more-card__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.privacy-see-more-card__image:hover img {
    transform: scale(1.05);
}

.privacy-see-more-card__content {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 4px;
}

.privacy-see-more-card__category {
    display: flex;
    align-items: center;
    gap: 6px;
    height: 14px;
}

.privacy-see-more-card__category-dot {
    width: 16px;
    height: 6px;
    background: var(--color-green);
    border-radius: 100px;
    flex-shrink: 0;
}

.privacy-see-more-card__category-name {
    font-family: var(--font-family);
    font-weight: 600;
    font-size: 14px;
    line-height: 1;
    color: var(--color-green);
}

.privacy-see-more-card__title {
    margin: 0;
    font-family: var(--font-family);
    font-weight: 600;
    font-size: 24px;
    line-height: 1.2;
    color: var(--color-black);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.privacy-see-more-card__title a {
    color: inherit;
    text-decoration: none;
}

.privacy-see-more-card__title a:hover {
    text-decoration: underline;
}

.privacy-see-more-card__button {
    background: #DA1D5D;
    border: 1px solid #DA1D5D;
    color: #ffffff;
    font-family: var(--font-family);
    font-weight: 700;
    font-size: 20px;
    line-height: 1;
    padding: 8px 16px;
    border-radius: 100px;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
    width: fit-content;
}

.privacy-see-more-card__button:hover {
    opacity: 0.9;
    transform: translateY(-1px);
}

/* Mobile */
@media (max-width: 1100px) {
    .privacy-see-more__grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .privacy-page__header {
        padding: 16px 20px;
    }

    .privacy-page__title {
        font-size: 32px;
    }

    .privacy-page__content {
        padding: 32px 0;
    }

    .privacy-page__wrapper {
        padding: 0 36px;
    }

    .privacy-page__wrapper > p:first-child {
        padding: 20px;
    }

    .privacy-page__wrapper h2,
    .privacy-page__wrapper h3 {
        font-size: 24px;
    }

    .privacy-see-more {
        padding: 40px 0;
    }

    .privacy-see-more__content {
        padding: 0 36px;
    }

    .privacy-see-more__title {
        font-size: 32px;
    }

    .privacy-see-more__grid {
        grid-template-columns: 1fr;
        gap: 24px;
    }

    .privacy-see-more-card {
        height: auto;
    }

    .privacy-see-more-card__image {
        height: 180px;
        flex: none;
    }
}

 /* contact-page.css */

:root {
    --color-black: #000000;
    --color-green: #65245E;
    --color-gray: #595959;
    --color-gray-light: #808080;
    --color-gray-bg: #f7f7f7;
    --color-border: #ebebeb;
    --color-input-bg: #ebebeb;
    --font-family: 'Figtree', sans-serif;
}

/* Page Header */
.contact-page__header {
    border-top: 1px solid var(--color-border);
    border-bottom: 1px solid var(--color-border);
    padding: 20px 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.contact-page__title {
    font-family: var(--font-family);
    font-weight: 600;
    font-size: 40px;
    line-height: 1;
    color: var(--color-black);
    text-align: center;
    margin: 0;
}

/* Page Content */
.contact-page__content {
    padding: 40px 0 80px;
}

.contact-page__wrapper {
    max-width: 1062px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 54px;
}

/* Left Column - Text */
.contact-page__text {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.contact-page__text > p:first-child {
    background: var(--color-gray-bg);
    padding: 30px;
    border-radius: 20px;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 20px;
    line-height: 1.5;
    color: var(--color-gray);
    margin: 0;
}

.contact-page__text p {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
    color: var(--color-gray);
    margin: 0 0 16px 0;
}

.contact-page__text p:last-child {
    margin-bottom: 0;
}

/* Right Column - Form */
.contact-page__form {
    display: flex;
    flex-direction: column;
}

.contact-page__form form {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.contact-page__input,
.contact-page__textarea {
    background: var(--color-input-bg);
    border: none;
    border-radius: 20px;
    padding: 20px;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 20px;
    line-height: 1;
    color: var(--color-black);
    width: 100%;
    transition: background 0.2s ease;
}

.contact-page__input::placeholder,
.contact-page__textarea::placeholder {
    color: var(--color-gray-light);
}

.contact-page__input:focus,
.contact-page__textarea:focus {
    outline: none;
    background: #e0e0e0;
}

.contact-page__textarea {
    height: 164px;
    resize: vertical;
    min-height: 164px;
}

.contact-page__button {
    background: #DA1D5D;
    border: 1px solid #DA1D5D;
    color: #ffffff;
    font-family: var(--font-family);
    font-weight: 700;
    font-size: 20px;
    line-height: 1;
    padding: 16px 32px;
    border-radius: 100px;
    cursor: pointer;
    transition: all 0.2s ease;
    width: fit-content;
}

.contact-page__button:hover {
    opacity: 0.9;
    transform: translateY(-1px);
}

/* See More Section */
.contact-see-more {
    padding: 60px 0;
}

.contact-see-more__content {
    max-width: 1062px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 32px;
    align-items: center;
}

.contact-see-more__header {
    display: flex;
    flex-direction: column;
    gap: 4px;
    align-items: center;
}

.contact-see-more__label {
    background: var(--color-gray-bg);
    padding: 5px 20px;
    border-radius: 100px;
}

.contact-see-more__label span {
    font-family: var(--font-family);
    font-weight: 600;
    font-size: 14px;
    line-height: 1;
    color: var(--color-green);
}

.contact-see-more__title {
    font-family: var(--font-family);
    font-weight: 600;
    font-size: 38px;
    line-height: 1;
    color: var(--color-black);
    margin: 0;
}

.contact-see-more__grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
    width: 100%;
}

/* See More Card */
.contact-see-more-card {
    display: flex;
    flex-direction: column;
    gap: 14px;
    height: 280px;
}

.contact-see-more-card__image {
    flex: 1;
    border-radius: 20px;
    overflow: hidden;
    min-height: 0;
}

.contact-see-more-card__image a {
    display: block;
    width: 100%;
    height: 100%;
}

.contact-see-more-card__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.contact-see-more-card__image:hover img {
    transform: scale(1.05);
}

.contact-see-more-card__content {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 4px;
}

.contact-see-more-card__category {
    display: flex;
    align-items: center;
    gap: 6px;
    height: 14px;
}

.contact-see-more-card__category-dot {
    width: 16px;
    height: 6px;
    background: var(--color-green);
    border-radius: 100px;
    flex-shrink: 0;
}

.contact-see-more-card__category-name {
    font-family: var(--font-family);
    font-weight: 600;
    font-size: 14px;
    line-height: 1;
    color: var(--color-green);
}

.contact-see-more-card__title {
    margin: 0;
    font-family: var(--font-family);
    font-weight: 600;
    font-size: 24px;
    line-height: 1.2;
    color: var(--color-black);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.contact-see-more-card__title a {
    color: inherit;
    text-decoration: none;
}

.contact-see-more-card__title a:hover {
    text-decoration: underline;
}

.contact-see-more-card__button {
    background: #DA1D5D;
    border: 1px solid #DA1D5D;
    color: #ffffff;
    font-family: var(--font-family);
    font-weight: 700;
    font-size: 20px;
    line-height: 1;
    padding: 8px 16px;
    border-radius: 100px;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
    width: fit-content;
}

.contact-see-more-card__button:hover {
    opacity: 0.9;
    transform: translateY(-1px);
}

/* Mobile */
@media (max-width: 1100px) {
    .contact-page__wrapper {
        grid-template-columns: 1fr;
        gap: 40px;
        padding: 0 36px;
    }

    .contact-see-more__grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .contact-page__header {
        padding: 16px 20px;
    }

    .contact-page__title {
        font-size: 32px;
    }

    .contact-page__content {
        padding: 32px 0 40px;
    }

    .contact-page__text > p:first-child {
        padding: 20px;
        font-size: 18px;
    }

    .contact-page__input,
    .contact-page__textarea {
        font-size: 16px;
        padding: 16px;
    }

    .contact-see-more {
        padding: 40px 0;
    }

    .contact-see-more__content {
        padding: 0 36px;
    }

    .contact-see-more__title {
        font-size: 32px;
    }

    .contact-see-more__grid {
        grid-template-columns: 1fr;
        gap: 24px;
    }

    .contact-see-more-card {
        height: auto;
    }

    .contact-see-more-card__image {
        height: 180px;
        flex: none;
    }
}

/* ================================================
   CATEGORY NAVIGATION WITH CAROUSEL
   Cole este CSS completo no seu style.css
   ================================================ */

/* ========================================
   NAVEGAÇÃO DE CATEGORIAS
   ======================================== */

.category-navigation-section {
    width: 100%;
    padding: 60px 0;
}

.category-navigation-container {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 38px;
    padding: 24px 0;
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
}

.category-navigation-label {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
}

.label-text {
    font-family: 'Figtree', sans-serif;
    font-weight: 600;
    font-size: 18px;
    line-height: 1;
    color: #65245E;
    white-space: nowrap;
}

.label-icon {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
    color: #65245E;
}

.category-navigation-items {
    display: flex;
    align-items: center;
    gap: 32px;
    flex-shrink: 0;
}

.category-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 16px;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 100px;
    font-family: 'Figtree', sans-serif;
    font-weight: 600;
    font-size: 16px;
    line-height: 1;
    color: #000000;
    text-decoration: none;
    white-space: nowrap;
    transition: all 0.2s ease;
    cursor: pointer;
}

.category-button:hover:not(.active) {
    background-color: #DA1D5D;
    border-color: #DA1D5D;
    color: #ffffff;
}

.category-button.active {
    background-color: #65245E;
    color: #ffffff;
    border-color: #65245E;
}

.category-button.active:hover {
    background-color: #DA1D5D;
    border-color: #DA1D5D;
}

.category-button:focus {
    outline: 2px solid #65245E;
    outline-offset: 2px;
}

.category-button:active:not(.active) {
    background-color: rgba(0, 150, 75, 0.12);
}

/* ========================================
   CARROSSÉIS DE POSTS
   ======================================== */

.category-posts-wrapper {
    display: flex;
    flex-direction: column;
    gap: 80px;
    padding: 60px 0;
    width: 100%;
}

.category-section {
    width: 100%;
    animation: fadeInUp 0.4s ease-out;
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.category-section-inner {
    display: flex;
    flex-direction: column;
    gap: 32px;
    max-width: 1600px;
    margin: 0 auto;
    padding: 0 80px;
}

.category-header {
    display: flex;
    align-items: center;
    gap: 10px;
}

.category-title {
    font-family: 'Figtree', sans-serif;
    font-weight: 600;
    font-size: 38px;
    line-height: 1;
    color: #000000;
    margin: 0;
}

/* ========================================
   CARROSSEL
   ======================================== */

.category-carousel-wrapper {
    position: relative;
    display: flex;
    align-items: center;
    gap: 16px;
    width: 100%;
}

.carousel-btn {
    flex-shrink: 0;
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #65245E;
    border: 1px solid #65245E;
    border-radius: 100px;
    color: #ffffff;
    cursor: pointer;
    transition: all 0.2s ease;
    padding: 8px;
}

.carousel-btn:hover:not(:disabled) {
    background-color: #333333;
    transform: scale(1.05);
}

.carousel-btn:active:not(:disabled) {
    transform: scale(0.95);
}

.carousel-btn:disabled {
    opacity: 0.3;
    cursor: not-allowed;
}

.carousel-btn svg {
    width: 24px;
    height: 24px;
}

.category-carousel {
    flex: 1;
    overflow: hidden;
    position: relative;
}

.carousel-track {
    display: flex;
    gap: 32px;
    transition: transform 0.4s ease-out;
}

.loading-message {
    padding: 40px;
    text-align: center;
    width: 100%;
    color: #666;
    font-family: 'Figtree', sans-serif;
}

/* ========================================
   CARD DE POST
   ======================================== */

.post-card {
    flex: 0 0 330px;
    width: 330px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.post-thumbnail {
    width: 100%;
    height: 186px;
    border-radius: 20px;
    overflow: hidden;
    background-color: #e0e0e0;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.post-thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
}

.post-thumbnail-placeholder {
    font-size: 38px;
    opacity: 0.3;
}

.post-category-label {
    display: flex;
    align-items: center;
    gap: 6px;
    height: 14px;
}

.category-indicator {
    width: 16px;
    height: 6px;
    background-color: #65245E;
    border-radius: 100px;
    flex-shrink: 0;
}

.category-name {
    font-family: 'Figtree', sans-serif;
    font-weight: 600;
    font-size: 14px;
    line-height: 1;
    color: #65245E;
    text-transform: uppercase;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.post-content {
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%;
}

.post-title {
    font-family: 'Figtree', sans-serif;
    font-weight: 600;
    font-size: 24px;
    line-height: 1.2;
    color: #000000;
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 58px;
}

.post-read-more {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 16px;
    background-color: #DA1D5D;
    border: 1px solid #DA1D5D;
    border-radius: 100px;
    font-family: 'Figtree', sans-serif;
    font-weight: 700;
    font-size: 20px;
    line-height: 1;
    color: #ffffff;
    text-decoration: none;
    transition: all 0.2s ease;
    align-self: flex-start;
    white-space: nowrap;
}

.post-read-more:hover {
    background-color: #00e600;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(8, 254, 8, 0.3);
}

.post-read-more:active {
    transform: translateY(0);
}

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

@media screen and (max-width: 1440px) {
    .category-section-inner {
        padding: 0 60px;
    }
}

@media screen and (max-width: 1200px) {
    .category-section-inner {
        padding: 0 40px;
    }
    
    .post-card {
        flex: 0 0 280px;
        width: 280px;
    }
    
    .carousel-track {
        gap: 24px;
    }
}

@media screen and (max-width: 1024px) {
    .category-navigation-container {
        flex-direction: column;
        align-items: flex-start;
        gap: 24px;
    }
    
    .category-navigation-items {
        flex-wrap: wrap;
        gap: 16px;
    }
    
    .category-posts-wrapper {
        gap: 60px;
        padding: 40px 0;
    }
    
    .category-section-inner {
        padding: 0 24px;
        gap: 24px;
    }
    
    .category-title {
        font-size: 36px;
    }
    
    .post-card {
        flex: 0 0 260px;
        width: 260px;
    }
    
    .post-title {
        font-size: 20px;
        min-height: 38px;
    }
    
    .post-read-more {
        font-size: 18px;
    }
}

@media screen and (max-width: 768px) {
    .category-navigation-section {
        padding: 40px 0;
    }
    
    .category-navigation-container {
        padding: 16px;
    }
    
    .label-text {
        font-size: 16px;
    }
    
    .category-button {
        font-size: 14px;
        padding: 6px 12px;
    }
    
    .category-navigation-items {
        gap: 12px;
    }
    
    .category-section-inner {
        padding: 0 16px;
    }
    
    .category-title {
        font-size: 32px;
    }
    
    .carousel-btn {
        width: 36px;
        height: 36px;
    }
    
    .carousel-btn svg {
        width: 20px;
        height: 20px;
    }
    
    .post-card {
        flex: 0 0 240px;
        width: 240px;
        gap: 16px;
    }
    
    .post-thumbnail {
        height: 160px;
    }
    
    .carousel-track {
        gap: 16px;
    }
}

@media screen and (max-width: 480px) {
    .category-navigation-items {
        width: 100%;
    }
    
    .category-button {
        flex: 1 1 auto;
        min-width: fit-content;
    }
    
    .category-posts-wrapper {
        gap: 40px;
    }
    
    .category-title {
        font-size: 28px;
    }
    
    .category-carousel-wrapper {
        gap: 8px;
    }
    
    .carousel-btn {
        width: 32px;
        height: 32px;
        padding: 6px;
    }
    
    .post-card {
        flex: 0 0 200px;
        width: 200px;
    }
    
    .post-thumbnail {
        height: 140px;
    }
    
    .post-title {
        font-size: 18px;
        min-height: 44px;
    }
    
    .post-read-more {
        font-size: 16px;
        padding: 6px 12px;
    }
}