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

/**
 * CSS RESET - theme 4
 */

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

body.admin-bar {
	margin-top: 0 !important;
}

#page,
.site {
	margin: 0;
	padding: 0;
	width: 100%;
}

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

/* ============================================
   VARIÁVEIS CSS
   ============================================ */

:root {
	--t4-font-family: 'Figtree', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
	
	/* Cores */
	--t4-primary: #27727a;
	--t4-secondary: #20494f;
	--t4-text: #000000;
	--t4-text-muted: #595959;
	--t4-border: #ebebeb;
	--t4-bg-light: #f7f7f7;
	--t4-input-border: #e0e0e0;
	--t4-input-text: #808080;
	
	/* Border Radius */
	--t4-radius-container: 6px;
	--t4-radius-image: 4px;
	--t4-radius-button: 4px;
}

/* ============================================
   HEADER SIMPLES - Páginas Internas
   ============================================ */

.t4-header {
	width: 100%;
	background: #ffffff;
	position: sticky;
	top: 0;
	z-index: 1000;
}

.t4-header__container {
	max-width: 1600px;
	margin: 0 auto;
	padding: 0 40px;
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.t4-header__inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 12px 0;
}

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

.t4-header__logo a {
	display: block;
}

.t4-header__logo img {
	height: 60px;
	width: auto;
}

.t4-header__logo-placeholder {
	background-color: var(--t4-bg-light);
	border: 1px solid #000000;
	border-radius: var(--t4-radius-image);
	padding: 12px 24px;
	height: 60px;
	width: 136px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.t4-header__logo-placeholder span {
	font-family: 'Work Sans', sans-serif;
	font-weight: 700;
	font-size: 16px;
	color: #000000;
}

/* Actions */
.t4-header__actions {
	display: flex;
	align-items: center;
	gap: 32px;
}

/* Search */
.t4-header__search {
	position: relative;
	width: 320px;
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 8px 16px;
	border-bottom: 1px solid var(--t4-input-border);
}

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

.t4-header__search input::placeholder {
	color: var(--t4-input-text);
}

.t4-header__search-icon {
	flex-shrink: 0;
	color: #000000;
}

/* Hamburger */
.t4-header__hamburger {
	width: 24px;
	height: 24px;
	background: transparent;
	border: none;
	cursor: pointer;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

/* Divider */
.t4-header__divider {
	width: 100%;
	height: 1px;
	background-color: var(--t4-border);
}

.t4-header__search-button {
	position: absolute;
	right: 8px;
	top: 50%;
	transform: translateY(-50%);
	display: flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	border: none;
	background: transparent;
	cursor: pointer;
	padding: 0;
	transition: opacity 0.2s ease;
}

/* ============================================
   RESPONSIVE - HEADER
   ============================================ */

@media (max-width: 1600px) {
	.t4-header__container {
		padding: 0 20px;
	}
}

@media (max-width: 768px) {
	.t4-header__container {
		padding: 0 16px;
	}
	
	.t4-header__actions {
		gap: 16px;
	}
	
	.t4-header__search {
		width: 200px;
	}
}

@media (max-width: 480px) {
	.t4-header__search {
		width: 150px;
	}
	
	.t4-header__search input {
		font-size: 14px;
	}
}

/* ============================================
   TEMA 4 - HERO SECTION
   ============================================ */

.t4-hero-section {
	width: 100%;
	padding: 40px 0;
}

.t4-hero-container {
	max-width: 1600px;
	margin: 0 auto;
	padding: 0 40px;
	display: flex;
	gap: 16px;
	align-items: flex-start;
}

/* ============================================
   POST PRINCIPAL (Esquerda)
   ============================================ */

.t4-hero-main-post {
	width: 648px;
	height: 860px;
	border: 1px solid var(--t4-border);
	border-radius: var(--t4-radius-container);
	display: flex;
	flex-direction: column;
	gap: 20px;
	padding: 12px;
	justify-content: flex-end;
	flex-shrink: 0;
}

.t4-hero-main-post__image {
	flex: 1;
	width: 100%;
	border-radius: var(--t4-radius-image);
	overflow: hidden;
	position: relative;
	min-height: 0;
}

.t4-hero-main-post__image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.t4-hero-main-post__content {
	display: flex;
	flex-direction: column;
	gap: 16px;
	padding: 12px;
}

.t4-hero-main-post__title {
	font-family: var(--t4-font-family);
	font-weight: 500;
	font-size: 40px;
	line-height: 1.3;
	color: var(--t4-text);
	margin: 0;
}

.t4-hero-main-post__excerpt {
	font-family: var(--t4-font-family);
	font-weight: 400;
	font-size: 18px;
	line-height: 1.6;
	color: var(--t4-text-muted);
	margin: 0;
}

.t4-hero-main-post__button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 12px 24px;
	background-color: var(--t4-primary);
	border: 1px solid var(--t4-primary);
	border-radius: var(--t4-radius-button);
	font-family: var(--t4-font-family);
	font-weight: 700;
	font-size: 20px;
	color: #ffffff;
	text-decoration: none;
	width: fit-content;
	transition: all 0.2s;
}

.t4-hero-main-post__button:hover {
	opacity: 0.9;
	transform: translateY(-1px);
}

/* ============================================
   SIDEBAR DIREITA
   ============================================ */

.t4-hero-sidebar {
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 16px;
	max-height: 866px;
	min-width: 0;
}

/* Menu/Header */
.t4-hero-menu {
	width: 100%;
	max-width: 920px;
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.t4-hero-menu__inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 12px;
}

.t4-hero-menu__logo {
	display: flex;
	align-items: center;
	justify-content: center;
}

.t4-hero-menu__logo svg {
	width: auto;
	height: 29px;
}

.t4-hero-menu__logo img {
	max-height: 60px;
	width: auto;
}

.t4-hero-menu__actions {
	display: flex;
	align-items: center;
	gap: 32px;
}

.t4-hero-menu__search {
	position: relative;
	width: 320px;
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 8px 16px;
	border-bottom: 1px solid var(--t4-input-border);
}

.t4-hero-menu__search input {
	flex: 1;
	border: none;
	outline: none;
	font-family: var(--t4-font-family);
	font-weight: 400;
	font-size: 16px;
	color: var(--t4-input-text);
	background: transparent;
}

.t4-hero-menu__search input::placeholder {
	color: var(--t4-input-text);
}

.t4-hero-menu__search-icon {
	flex-shrink: 0;
	color: var(--t4-text);
}

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

.t4-hero-menu__divider {
	width: 100%;
	height: 1px;
	background-color: var(--t4-border);
}

/* ============================================
   POSTS DA SIDEBAR
   ============================================ */

.t4-hero-posts {
	flex: 1;
	display: flex;
	gap: 32px;
	min-height: 0;
}

/* Post Médio */
.t4-hero-post {
	border: 1px solid var(--t4-border);
	border-radius: var(--t4-radius-container);
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding: 12px;
	justify-content: flex-end;
}

.t4-hero-post--medium {
	width: 512px;
	height: 100%;
	flex-shrink: 0;
}

.t4-hero-post--horizontal {
	width: 100%;
	max-width: 936px;
	height: 240px;
	max-height: 240px;
	flex-direction: row;
	gap: 20px;
	align-items: center;
	flex-shrink: 0;
}

.t4-hero-post__image {
	flex: 1;
	border-radius: var(--t4-radius-image);
	overflow: hidden;
	position: relative;
	min-height: 0;
}

.t4-hero-post--horizontal .t4-hero-post__image {
	flex: 1;
	height: 100%;
	min-width: 0;
}

.t4-hero-post__image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.t4-hero-post__footer {
	display: flex;
	align-items: center;
	gap: 44px;
	padding: 12px;
}

.t4-hero-post--horizontal .t4-hero-post__footer {
	flex-shrink: 0;
	width: 467px;
	padding: 12px;
}

.t4-hero-post__title {
	flex: 1;
	font-family: var(--t4-font-family);
	font-weight: 600;
	font-size: 22px;
	line-height: 1.3;
	color: var(--t4-text);
	margin: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

.t4-hero-post__button {
	width: 56px;
	height: 56px;
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: var(--t4-radius-button);
	transition: all 0.2s;
	text-decoration: none;
}

.t4-hero-post__button--primary {
	background-color: var(--t4-primary);
	border: 1px solid var(--t4-primary);
}

.t4-hero-post__button--primary svg {
	transform: rotate(-45deg);
	color: #ffffff;
}

.t4-hero-post__button--primary:hover {
	opacity: 0.9;
	transform: translateY(-1px);
}

/* ============================================
   LISTA DE POSTS PEQUENOS
   ============================================ */

.t4-hero-post-list {
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	min-width: 0;
}

.t4-hero-post-list__item {
	display: flex;
	align-items: center;
	gap: 44px;
	height: 84px;
	padding: 0 12px;
}

.t4-hero-post-list__title {
	flex: 1;
	font-family: var(--t4-font-family);
	font-weight: 600;
	font-size: 20px;
	line-height: 1.3;
	color: var(--t4-text);
	margin: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.t4-hero-post-list__button {
	width: 44px;
	height: 44px;
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: var(--t4-secondary);
	border: 1px solid var(--t4-secondary);
	border-radius: var(--t4-radius-button);
	transition: all 0.2s;
	text-decoration: none;
}

.t4-hero-post-list__button svg {
	transform: rotate(-45deg);
}

.t4-hero-post-list__button:hover {
	opacity: 0.9;
	transform: translateY(-1px);
}

.t4-hero-post-list__divider {
	width: 100%;
	height: 1px;
	background-color: var(--t4-border);
}

/* ============================================
   RESPONSIVE
   ============================================ */

@media (max-width: 1600px) {
	.t4-hero-container {
		padding: 0 20px;
	}
	
	.t4-hero-menu {
		max-width: 100%;
	}
}

@media (max-width: 1440px) {
	.t4-hero-main-post {
		width: 550px;
	}
	
	.t4-hero-post--medium {
		width: 400px;
	}
}

@media (max-width: 1200px) {
	.t4-hero-container {
		flex-direction: column;
		gap: 40px;
	}

	.t4-hero-main-post {
		width: 100%;
		max-width: none;
	}

	.t4-hero-sidebar {
		width: 100%;
		max-height: none;
	}
	
	.t4-hero-menu {
		width: 100%;
	}
	
	.t4-hero-posts {
		flex-direction: column;
	}
	
	.t4-hero-post--medium {
		width: 100%;
	}
	
	.t4-hero-post--horizontal {
		width: 100%;
	}
	
	.t4-hero-post--horizontal .t4-hero-post__footer {
		width: auto;
		flex: 1;
	}
}

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

	.t4-hero-container {
		padding: 0 16px;
	}

	.t4-hero-main-post {
		height: auto;
		min-height: 600px;
	}

	.t4-hero-main-post__title {
		font-size: 32px;
	}
	
	.t4-hero-main-post__excerpt {
		font-size: 16px;
	}
	
	.t4-hero-main-post__button {
		font-size: 16px;
		padding: 10px 20px;
	}

	.t4-hero-post--medium {
		height: auto;
		min-height: 400px;
	}

	.t4-hero-post--horizontal {
		flex-direction: column;
		height: auto;
		gap: 10px;
	}

	.t4-hero-post--horizontal .t4-hero-post__image {
		width: 100%;
		height: 300px;
	}
	
	.t4-hero-post--horizontal .t4-hero-post__footer {
		width: 100%;
	}

	.t4-hero-menu__actions {
		gap: 16px;
	}

	.t4-hero-menu__search {
		width: 200px;
	}
	
	.t4-hero-post__title {
		font-size: 18px;
	}
	
	.t4-hero-post-list__title {
		font-size: 16px;
	}
}

@media (max-width: 480px) {
	.t4-hero-main-post__title {
		font-size: 24px;
	}
	
	.t4-hero-menu__search {
		width: 150px;
	}
	
	.t4-hero-menu__search input {
		font-size: 14px;
	}
	
	.t4-hero-post__footer,
	.t4-hero-post-list__item {
		gap: 20px;
	}
	
	.t4-hero-post__button,
	.t4-hero-post-list__button {
		width: 40px;
		height: 40px;
	}
}

/* ============================================
   LATEST POSTS SECTION
   ============================================ */

.t4-latest-posts {
	width: 100%;
	padding: 40px 0;
}

.t4-latest-posts__container {
	max-width: 1600px;
	margin: 0 auto;
	padding: 0 40px;
	display: flex;
	flex-direction: column;
	gap: 32px;
}

.t4-latest-posts__title {
	font-family: var(--t4-font-family);
	font-weight: 500;
	font-size: 40px;
	line-height: 1;
	color: var(--t4-text);
	text-align: center;
	margin: 0;
}

.t4-latest-posts__grid {
	display: flex;
	gap: 16px;
	width: 100%;
}

/* ============================================
   LATEST POST CARD
   ============================================ */

.t4-latest-card {
	background-color: #0c2327;
	width: 388px;
	height: 390px;
	border-radius: var(--t4-radius-container);
	display: flex;
	flex-direction: column;
	padding: 12px;
	justify-content: flex-end;
	flex-shrink: 0;
	transition: transform 0.3s ease;
}

.t4-latest-card:hover {
	transform: translateY(-4px);
}

.t4-latest-card__image {
	flex: 1;
	width: 100%;
	border-radius: var(--t4-radius-image);
	overflow: hidden;
	position: relative;
	min-height: 0;
}

.t4-latest-card__image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.t4-latest-card__content {
	display: flex;
	flex-direction: column;
	gap: 8px;
	padding: 12px;
}

.t4-latest-card__text {
	font-family: var(--t4-font-family);
	font-weight: 600;
	font-size: 20px;
	line-height: 1.3;
	color: #ffffff;
	margin: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

.t4-latest-card__button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 8px 16px;
	background-color: #ffffff;
	border: 1px solid #ffffff;
	border-radius: var(--t4-radius-button);
	font-family: var(--t4-font-family);
	font-weight: 700;
	font-size: 16px;
	color: var(--t4-secondary);
	text-decoration: none;
	width: fit-content;
	transition: all 0.2s;
}

.t4-latest-card__button:hover {
	opacity: 0.9;
	transform: translateY(-1px);
}

/* ============================================
   RESPONSIVE - LATEST POSTS
   ============================================ */

@media (max-width: 1600px) {
	.t4-latest-posts__container {
		padding: 0 20px;
	}
	
	.t4-latest-posts__grid {
		overflow-x: auto;
		overflow-y: hidden;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: thin;
	}
}

@media (max-width: 1200px) {
	.t4-latest-posts__grid {
		flex-wrap: wrap;
		justify-content: center;
	}
	
	.t4-latest-card {
		width: calc(50% - 8px);
		min-width: 320px;
	}
}

@media (max-width: 768px) {
	.t4-latest-posts {
		padding: 20px 0;
	}
	
	.t4-latest-posts__container {
		padding: 0 16px;
		gap: 24px;
	}
	
	.t4-latest-posts__title {
		font-size: 32px;
	}
	
	.t4-latest-posts__grid {
		gap: 12px;
	}
	
	.t4-latest-card {
		width: 100%;
		height: auto;
		min-height: 350px;
	}
	
	.t4-latest-card__text {
		font-size: 18px;
	}
}

@media (max-width: 480px) {
	.t4-latest-posts__title {
		font-size: 28px;
	}
	
	.t4-latest-card__text {
		font-size: 16px;
	}
}

/* ============================================
   POPULAR SECTION - CORRIGIDO
   ============================================ */

.t4-popular-section {
	width: 100%;
	padding: 40px 0;
}

.t4-popular-container {
	max-width: 1600px;
	margin: 0 auto;
	padding: 0 12px;
	display: flex;
	flex-direction: column;
	gap: 32px;
}

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

.t4-popular-header {
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.t4-popular-badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 5px 20px;
	background-color: #f7f7f7;
	border-radius: var(--t4-radius-image);
	font-family: 'Work Sans', sans-serif;
	font-weight: 600;
	font-size: 14px;
	color: #235b62;
	width: fit-content;
}

.t4-popular-title {
	font-family: var(--t4-font-family);
	font-weight: 500;
	font-size: 40px;
	line-height: 1;
	color: #000000;
	margin: 0;
}

/* ============================================
   GRID PRINCIPAL
   ============================================ */

.t4-popular-grid {
	display: grid;
	grid-template-columns: 372px 1fr 372px;
	gap: 16px;
	height: 518px;
}

/* ============================================
   CARD GRANDE (Esquerda)
   ============================================ */

.t4-popular-card-large {
	background-color: #0c2327;
	border-radius: var(--t4-radius-container);
	padding: 12px;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	height: 100%;
	position: relative;
	overflow: hidden;
}

.t4-popular-card-large__image {
	position: absolute;
	top: 12px;
	left: 12px;
	right: 12px;
	bottom: 12px;
	border-radius: var(--t4-radius-image);
	overflow: hidden;
	z-index: 0;
}

.t4-popular-card-large__image::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 50%;
	background: linear-gradient(to top, rgba(12, 35, 39, 0.9), transparent);
}

.t4-popular-card-large__image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.t4-popular-card-large__content {
	position: relative;
	z-index: 1;
	padding: 12px;
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.t4-popular-card-large__title {
	font-family: var(--t4-font-family);
	font-weight: 600;
	font-size: 24px;
	line-height: 1.2;
	color: #ffffff;
	margin: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.t4-popular-card-large__excerpt {
	font-family: var(--t4-font-family);
	font-weight: 400;
	font-size: 16px;
	line-height: 1.4;
	color: #ebebeb;
	margin: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.t4-popular-card-large__button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 8px 16px;
	background-color: #ffffff;
	border-radius: var(--t4-radius-button);
	font-family: var(--t4-font-family);
	font-weight: 700;
	font-size: 16px;
	line-height: 1;
	color: #20494f;
	text-decoration: none;
	width: fit-content;
	transition: all 0.2s ease;
}

.t4-popular-card-large__button:hover {
	opacity: 0.9;
	transform: translateY(-2px);
}

/* ============================================
   COLUNA DO MEIO
   ============================================ */

.t4-popular-middle {
	display: flex;
	flex-direction: column;
	gap: 16px;
	height: 100%;
}

/* Card Horizontal */
.t4-popular-card-horizontal {
	background-color: #0c2327;
	border-radius: var(--t4-radius-container);
	padding: 12px;
	display: flex;
	gap: 0;
	height: 251px;
	overflow: hidden;
}

.t4-popular-card-horizontal__image {
	width: 50%;
	border-radius: var(--t4-radius-image);
	overflow: hidden;
	flex-shrink: 0;
}

.t4-popular-card-horizontal__image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.t4-popular-card-horizontal__content {
	flex: 1;
	padding: 12px;
	display: flex;
	flex-direction: column;
	gap: 8px;
	justify-content: space-between;
}

.t4-popular-card-horizontal__title {
	font-family: var(--t4-font-family);
	font-weight: 600;
	font-size: 20px;
	line-height: 1.2;
	color: #ffffff;
	margin: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
}

.t4-popular-card-horizontal__button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 8px 16px;
	background-color: #ffffff;
	border-radius: var(--t4-radius-button);
	font-family: var(--t4-font-family);
	font-weight: 700;
	font-size: 16px;
	line-height: 1;
	color: #20494f;
	text-decoration: none;
	width: fit-content;
	transition: all 0.2s ease;
}

.t4-popular-card-horizontal__button:hover {
	opacity: 0.9;
	transform: translateY(-2px);
}

/* 2 Cards Pequenos */
.t4-popular-small-row {
	display: flex;
	gap: 16px;
	height: 251px;
}

.t4-popular-card-small {
	flex: 1;
	background-color: #0c2327;
	border-radius: var(--t4-radius-container);
	padding: 12px;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	overflow: hidden;
	position: relative;
}

.t4-popular-card-small__image {
	position: absolute;
	top: 12px;
	left: 12px;
	right: 12px;
	bottom: 12px;
	border-radius: var(--t4-radius-image);
	overflow: hidden;
	z-index: 0;
}

.t4-popular-card-small__image::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 50%;
	background: linear-gradient(to top, rgba(12, 35, 39, 0.9), transparent);
}

.t4-popular-card-small__image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.t4-popular-card-small__content {
	position: relative;
	z-index: 1;
	padding: 12px;
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.t4-popular-card-small__title {
	font-family: var(--t4-font-family);
	font-weight: 600;
	font-size: 18px;
	line-height: 1.2;
	color: #ffffff;
	margin: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.t4-popular-card-small__button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 8px 16px;
	background-color: #ffffff;
	border-radius: var(--t4-radius-button);
	font-family: var(--t4-font-family);
	font-weight: 700;
	font-size: 16px;
	line-height: 1;
	color: #20494f;
	text-decoration: none;
	width: fit-content;
	transition: all 0.2s ease;
}

.t4-popular-card-small__button:hover {
	opacity: 0.9;
	transform: translateY(-2px);
}

/* ============================================
   LISTA À DIREITA
   ============================================ */

.t4-popular-list {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 100%;
}

.t4-popular-list-item {
	display: flex;
	align-items: center;
	gap: 44px;
	padding: 0 12px;
	min-height: 84px;
}

.t4-popular-list-item__title {
	flex: 1;
	font-family: var(--t4-font-family);
	font-weight: 600;
	font-size: 20px;
	line-height: 1.2;
	color: #000000;
	margin: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.t4-popular-list-item__button {
	width: 44px;
	height: 44px;
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #20494f;
	border: 1px solid #20494f;
	border-radius: var(--t4-radius-button);
	transition: all 0.2s ease;
	text-decoration: none;
}

.t4-popular-list-item__button svg {
	transform: rotate(-45deg);
}

.t4-popular-list-item__button:hover {
	opacity: 0.9;
	transform: translateY(-2px);
}

.t4-popular-list-divider {
	width: 100%;
	height: 1px;
	background-color: #ebebeb;
}

/* ============================================
   RESPONSIVE
   ============================================ */

@media (max-width: 1600px) {
	.t4-popular-container {
		padding: 0 40px;
	}
}

@media (max-width: 1200px) {
	.t4-popular-grid {
		grid-template-columns: 1fr;
		height: auto;
		gap: 24px;
	}
	
	.t4-popular-card-large {
		height: 400px;
	}
	
	.t4-popular-card-horizontal {
		height: 300px;
	}
	
	.t4-popular-small-row {
		height: 300px;
	}
	
	.t4-popular-list {
		gap: 16px;
		height: auto;
	}
}

@media (max-width: 768px) {
	.t4-popular-container {
		padding: 0 20px;
	}
	
	.t4-popular-title {
		font-size: 32px;
	}
	
	.t4-popular-card-horizontal {
		flex-direction: column;
		height: auto;
	}
	
	.t4-popular-card-horizontal__image {
		width: 100%;
		height: 200px;
	}
	
	.t4-popular-small-row {
		flex-direction: column;
		height: auto;
		gap: 16px;
	}
	
	.t4-popular-card-small {
		height: 300px;
	}
	
	.t4-popular-list-item {
		gap: 20px;
	}
	
	.t4-popular-list-item__title {
		font-size: 18px;
	}
}

@media (max-width: 480px) {
	.t4-popular-title {
		font-size: 28px;
	}
	
	.t4-popular-card-large__title,
	.t4-popular-card-horizontal__title {
		font-size: 18px;
	}
	
	.t4-popular-list-item__title {
		font-size: 16px;
	}
}

/* ============================================
   SEE ALSO SECTION
   ============================================ */

.t4-see-also-section {
	width: 100%;
	padding: 40px 0;
}

.t4-see-also-container {
	max-width: 1600px;
	margin: 0 auto;
	padding: 0 40px;
	display: flex;
	flex-direction: column;
	gap: 24px;
}

.t4-see-also-title {
	font-family: var(--t4-font-family);
	font-weight: 500;
	font-size: 40px;
	line-height: 1;
	color: var(--t4-text);
	margin: 0;
}

/* Grid de Posts */
.t4-see-also-posts {
	display: flex;
	flex-direction: column;
	gap: 32px;
}

.t4-see-also-row {
	display: flex;
	gap: 32px;
	width: 100%;
}

/* ============================================
   SEE ALSO CARD
   ============================================ */

.t4-see-also-card {
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 14px;
	height: 414px;
	min-width: 0;
}

.t4-see-also-card__label {
	font-family: var(--t4-font-family);
	font-weight: 500;
	font-size: 12px;
	line-height: 1;
	color: #235b62;
	text-transform: uppercase;
}

.t4-see-also-card__image {
	width: 100%;
	height: 236px;
	border-radius: var(--t4-radius-image);
	overflow: hidden;
	position: relative;
}

.t4-see-also-card__image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.t4-see-also-card__content {
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 14px;
	min-height: 0;
}

.t4-see-also-card__title {
	flex: 1;
	font-family: var(--t4-font-family);
	font-weight: 600;
	font-size: 20px;
	line-height: 1;
	color: var(--t4-text);
	margin: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	line-height:1.6;
}

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

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

/* ============================================
   RESPONSIVE - SEE ALSO
   ============================================ */

@media (max-width: 1600px) {
	.t4-see-also-container {
		padding: 0 20px;
	}
}

@media (max-width: 1200px) {
	.t4-see-also-row {
		gap: 24px;
	}
}

@media (max-width: 992px) {
	.t4-see-also-row {
		flex-wrap: wrap;
	}
	
	.t4-see-also-card {
		width: calc(50% - 12px);
		min-width: 280px;
	}
}

@media (max-width: 768px) {
	.t4-see-also-section {
		padding: 20px 0;
	}
	
	.t4-see-also-container {
		padding: 0 16px;
	}
	
	.t4-see-also-title {
		font-size: 32px;
	}
	
	.t4-see-also-posts {
		gap: 24px;
	}
	
	.t4-see-also-row {
		flex-direction: column;
		gap: 24px;
	}
	
	.t4-see-also-card {
		width: 100%;
		height: auto;
		min-height: 380px;
	}
	
	.t4-see-also-card__title {
		font-size: 20px;
	}
	
	.t4-see-also-card__button {
		font-size: 16px;
	}
}

@media (max-width: 480px) {
	.t4-see-also-title {
		font-size: 28px;
	}
	
	.t4-see-also-card__title {
		font-size: 18px;
	}
}

/* ============================================
   FOOTER - TEMA 4
   ============================================ */

.t4-footer {
	width: 100%;
	padding: 80px 0;
	background: #ffffff;
}

.t4-footer__container {
	max-width: 1600px;
	margin: 0 auto;
	padding: 0 40px;
	display: flex;
	flex-direction: column;
	gap: 32px;
}

/* ============================================
   LINHA 1: NEWSLETTER + LOGO
   ============================================ */

.t4-footer__top-row {
	display: flex;
	gap: 32px;
	width: 100%;
}

/* Newsletter */
.t4-footer__newsletter {
	background-color: var(--t4-bg-light);
	border-radius: var(--t4-radius-container);
	padding: 40px;
	width: 1056px;
	flex-shrink: 0;
}

.t4-footer__newsletter-content {
	display: flex;
	flex-direction: column;
	gap: 16px;
	max-width: 474px;
}

.t4-footer__newsletter-title {
	font-family: var(--t4-font-family);
	font-weight: 500;
	font-size: 32px;
	line-height: 1;
	color: var(--t4-text);
	margin: 0;
}

.t4-footer__newsletter-subtitle {
	font-family: var(--t4-font-family);
	font-weight: 400;
	font-size: 16px;
	line-height: 1;
	color: var(--t4-text-muted);
	margin: 0;
}

.t4-footer__newsletter-form {
	display: flex;
	gap: 8px;
	align-items: center;
}

.t4-footer__newsletter-input {
	flex: 1;
	max-width: 320px;
	padding: 8px 16px;
	background-color: #ebebeb;
	border: 1px solid var(--t4-input-border);
	border-radius: var(--t4-radius-button);
	font-family: var(--t4-font-family);
	font-weight: 400;
	font-size: 16px;
	color: var(--t4-input-text);
	outline: none;
}

.t4-footer__newsletter-input::placeholder {
	color: var(--t4-input-text);
}

.t4-footer__newsletter-input:focus {
	border-color: var(--t4-secondary);
}

.t4-footer__newsletter-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 8px 16px;
	background-color: var(--t4-secondary);
	border: 1px solid var(--t4-secondary);
	border-radius: var(--t4-radius-button);
	font-family: var(--t4-font-family);
	font-weight: 600;
	font-size: 16px;
	color: #ffffff;
	cursor: pointer;
	transition: all 0.2s;
}

.t4-footer__newsletter-btn:hover {
	opacity: 0.9;
	transform: translateY(-1px);
}

.t4-footer__newsletter-disclaimer {
	font-family: var(--t4-font-family);
	font-weight: 400;
	font-size: 16px;
	line-height: 1;
	color: var(--t4-text-muted);
	margin: 0;
}

.t4-footer__newsletter-msg {
	padding: 12px;
	border-radius: var(--t4-radius-button);
	font-family: var(--t4-font-family);
	font-size: 14px;
	margin-top: 8px;
}

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

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

/* Logo + Descrição */
.t4-footer__brand {
	flex: 1;
	background-color: var(--t4-bg-light);
	border-radius: var(--t4-radius-container);
	padding: 40px 104px;
	display: flex;
	flex-direction: column;
	gap: 16px;
	align-items: center;
	justify-content: center;
	text-align: center;
}

.t4-footer__logo {
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
}

.t4-footer__logo img {
	max-height: 80px;
	width: auto;
}

.t4-footer__logo-placeholder {
	background-color: var(--t4-bg-light);
	border: 1px solid #000000;
	border-radius: var(--t4-radius-image);
	padding: 40px 80px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.t4-footer__logo-placeholder span {
	font-family: 'Work Sans', sans-serif;
	font-weight: 700;
	font-size: 16px;
	color: #000000;
}

.t4-footer__brand-description {
	font-family: var(--t4-font-family);
	font-weight: 400;
	font-size: 16px;
	line-height: 1;
	color: var(--t4-text-muted);
	margin: 0;
}

/* ============================================
   LINHA 2: CATEGORIAS + LINKS
   ============================================ */

.t4-footer__bottom-row {
	display: flex;
	gap: 32px;
	width: 100%;
	align-items: flex-end;
}

.t4-footer__categories,
.t4-footer__relevant-links {
	flex: 1;
	background-color: var(--t4-bg-light);
	border-radius: var(--t4-radius-container);
	padding: 40px;
	display: flex;
	flex-direction: column;
	gap: 24px;
}

.t4-footer__section-title {
	font-family: var(--t4-font-family);
	font-weight: 500;
	font-size: 32px;
	line-height: 1;
	color: var(--t4-text);
	margin: 0;
}

.t4-footer__links-grid {
	display: flex;
	flex-wrap: wrap;
	gap: 40px;
	align-items: flex-start;
}

.t4-footer__link {
	font-family: var(--t4-font-family);
	font-weight: 600;
	font-size: 16px;
	line-height: 1;
	color: #1e3f43;
	text-decoration: none;
	transition: color 0.2s;
}

.t4-footer__link:hover {
	color: var(--t4-primary);
}

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

.t4-footer__copyright {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 20px 0;
	min-height: 96px;
}

.t4-footer__trek-logo {
	width: 94px;
	height: 56px;
	flex-shrink: 0;
}

.t4-footer__trek-logo img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.t4-footer__copyright-text {
	font-family: var(--t4-font-family);
	font-weight: 400;
	font-size: 16px;
	line-height: 1;
	color: var(--t4-text-muted);
	text-align: center;
	margin: 0;
}

/* ============================================
   RESPONSIVE - FOOTER
   ============================================ */

@media (max-width: 1600px) {
	.t4-footer__container {
		padding: 0 20px;
	}
	
	.t4-footer__newsletter {
		width: auto;
		flex: 1;
	}
}

@media (max-width: 1200px) {
	.t4-footer__top-row,
	.t4-footer__bottom-row {
		flex-direction: column;
	}
	
	.t4-footer__newsletter,
	.t4-footer__brand,
	.t4-footer__categories,
	.t4-footer__relevant-links {
		width: 100%;
	}
	
	.t4-footer__newsletter-content {
		max-width: 100%;
	}
	
	.t4-footer__brand {
		padding: 40px;
	}
}

@media (max-width: 768px) {
	.t4-footer {
		padding: 40px 0;
	}
	
	.t4-footer__container {
		padding: 0 16px;
		gap: 24px;
	}
	
	.t4-footer__newsletter,
	.t4-footer__brand,
	.t4-footer__categories,
	.t4-footer__relevant-links {
		padding: 24px;
	}
	
	.t4-footer__newsletter-title,
	.t4-footer__section-title {
		font-size: 24px;
	}
	
	.t4-footer__newsletter-form {
		flex-direction: column;
		align-items: stretch;
	}
	
	.t4-footer__newsletter-input {
		max-width: 100%;
	}
	
	.t4-footer__newsletter-btn {
		width: 100%;
	}
	
	.t4-footer__links-grid {
		gap: 20px;
	}
	
	.t4-footer__copyright {
		flex-direction: column;
		gap: 16px;
		text-align: center;
	}
}

@media (max-width: 480px) {
	.t4-footer__newsletter-title,
	.t4-footer__section-title {
		font-size: 20px;
	}
	
	.t4-footer__links-grid {
		flex-direction: column;
		gap: 16px;
	}
}

/* ============================================
   CATEGORY PAGE
   ============================================ */

.t4-category-main {
	width: 100%;
	min-height: 60vh;
}

/* ============================================
   CATEGORY HERO SECTION
   ============================================ */

.t4-category-hero {
	width: 100%;
	padding: 20px 0;
}

.t4-category-hero__container {
	max-width: 1600px;
	margin: 0 auto;
	padding: 0 40px;
	display: flex;
	flex-direction: column;
	gap: 32px;
}

/* Header */
.t4-category-hero__header {
	width: 238px;
}

.t4-category-hero__title {
	font-family: var(--t4-font-family);
	font-weight: 600;
	font-size: 40px;
	line-height: 1;
	color: var(--t4-text);
	margin: 0;
}

/* Grid Principal */
.t4-category-hero__grid {
	display: flex;
	gap: 16px;
	height: 518px;
}

/* ============================================
   CATEGORY CARDS
   ============================================ */

.t4-category-card {
	background-color: #0c2327;
	border-radius: var(--t4-radius-container);
	display: flex;
	padding: 12px;
	transition: transform 0.3s ease;
}

.t4-category-card:hover {
	transform: translateY(-4px);
}

/* Card Grande */
.t4-category-card--large {
	width: 596px;
	height: 518px;
	flex-direction: column;
	justify-content: flex-end;
	flex-shrink: 0;
}

/* Card Horizontal */
.t4-category-card--horizontal {
	width: 100%;
	height: 223px;
	flex-direction: row;
	align-items: center;
	gap: 0;
}

/* Card Pequeno */
.t4-category-card--small {
	width: 290px;
	height: 279px;
	flex-direction: column;
	justify-content: flex-end;
	flex-shrink: 0;
}

/* Imagem */
.t4-category-card__image {
	flex: 1;
	width: 100%;
	border-radius: var(--t4-radius-image);
	overflow: hidden;
	position: relative;
	min-height: 0;
}

.t4-category-card--horizontal .t4-category-card__image {
	flex: 1;
	height: 100%;
	min-width: 0;
}

.t4-category-card__image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

/* Conteúdo */
.t4-category-card__content {
	display: flex;
	flex-direction: column;
	gap: 8px;
	padding: 12px;
}

.t4-category-card--horizontal .t4-category-card__content {
	flex: 1;
	min-width: 0;
}

.t4-category-card__title {
	font-family: var(--t4-font-family);
	font-weight: 600;
	font-size: 24px;
	line-height: 1;
	color: #ffffff;
	margin: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

.t4-category-card--small .t4-category-card__title,
.t4-category-card--horizontal .t4-category-card__title {
	font-size: 20px;
}

.t4-category-card__excerpt {
	font-family: var(--t4-font-family);
	font-weight: 400;
	font-size: 18px;
	line-height: 1;
	color: #ebebeb;
	margin: 0;
}

.t4-category-card__button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 8px 16px;
	background-color: #ffffff;
	border: 1px solid #ffffff;
	border-radius: var(--t4-radius-button);
	font-family: var(--t4-font-family);
	font-weight: 700;
	font-size: 16px;
	color: var(--t4-secondary);
	text-decoration: none;
	width: fit-content;
	transition: all 0.2s;
}

.t4-category-card__button:hover {
	opacity: 0.9;
	transform: translateY(-1px);
}

/* ============================================
   COLUNA DO MEIO
   ============================================ */

.t4-category-middle {
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 16px;
	height: 100%;
	min-width: 0;
}

.t4-category-small-grid {
	display: flex;
	gap: 16px;
	height: 279px;
}

/* ============================================
   LISTA À DIREITA
   ============================================ */

.t4-category-list {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 100%;
	flex-shrink: 0;
}

.t4-category-list__item {
	display: flex;
	align-items: center;
	gap: 44px;
	height: 84px;
	padding: 0 12px;
}

.t4-category-list__title {
	flex: 1;
	font-family: var(--t4-font-family);
	font-weight: 600;
	font-size: 20px;
	line-height: 1;
	color: var(--t4-text);
	margin: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.t4-category-list__button {
	width: 44px;
	height: 44px;
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: var(--t4-secondary);
	border: 1px solid var(--t4-secondary);
	border-radius: var(--t4-radius-button);
	transition: all 0.2s;
	text-decoration: none;
}

.t4-category-list__button svg {
	transform: rotate(-45deg);
}

.t4-category-list__button:hover {
	opacity: 0.9;
	transform: translateY(-1px);
}

.t4-category-list__divider {
	width: 100%;
	height: 1px;
	background-color: var(--t4-border);
}

/* ============================================
   RESPONSIVE - CATEGORY
   ============================================ */

@media (max-width: 1600px) {
	.t4-category-hero__container {
		padding: 0 20px;
	}
}

@media (max-width: 1200px) {
	.t4-category-hero__grid {
		flex-direction: column;
		height: auto;
		gap: 24px;
	}
	
	.t4-category-card--large,
	.t4-category-card--horizontal,
	.t4-category-card--small {
		width: 100%;
	}
	
	.t4-category-middle {
		gap: 24px;
	}
	
	.t4-category-small-grid {
		flex-wrap: wrap;
		height: auto;
		gap: 16px;
	}
	
	.t4-category-card--small {
		width: calc(50% - 8px);
		min-width: 280px;
		height: 300px;
	}
	
	.t4-category-list {
		height: auto;
		gap: 0;
	}
}

@media (max-width: 768px) {
	.t4-category-hero {
		padding: 20px 0;
	}
	
	.t4-category-hero__container {
		padding: 0 16px;
		gap: 24px;
	}
	
	.t4-category-hero__title {
		font-size: 32px;
	}
	
	.t4-category-card--large {
		height: auto;
		min-height: 400px;
	}
	
	.t4-category-card--horizontal {
		flex-direction: column;
		height: auto;
		min-height: 350px;
	}
	
	.t4-category-small-grid {
		flex-direction: column;
	}
	
	.t4-category-card--small {
		width: 100%;
	}
	
	.t4-category-card__title {
		font-size: 20px;
	}
	
	.t4-category-list__item {
		gap: 20px;
	}
	
	.t4-category-list__title {
		font-size: 18px;
	}
}

@media (max-width: 480px) {
	.t4-category-hero__title {
		font-size: 28px;
	}
	
	.t4-category-card__title {
		font-size: 18px;
	}
	
	.t4-category-list__title {
		font-size: 16px;
	}
}

/* ============================================
   CATEGORY - MAIS POSTS
   ============================================ */

.t4-category-posts {
	width: 100%;
	padding: 20px 0;
}

.t4-category-posts__container {
	max-width: 1600px;
	margin: 0 auto;
	padding: 0 40px;
}

/* Grid de Posts */
.t4-category-posts__grid {
	display: flex;
	flex-direction: column;
	gap: 32px;
}

.t4-category-posts__row {
	display: flex;
	gap: 32px;
	width: 100%;
}

/* ============================================
   CATEGORY POST CARD
   ============================================ */

.t4-category-post-card {
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 14px;
	height: 414px;
	min-width: 0;
}

.t4-category-post-card__label {
	font-family: var(--t4-font-family);
	font-weight: 500;
	font-size: 12px;
	line-height: 1;
	color: #235b62;
	text-transform: uppercase;
}

.t4-category-post-card__image {
	width: 100%;
	height: 236px;
	border-radius: var(--t4-radius-image);
	overflow: hidden;
	position: relative;
}

.t4-category-post-card__image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.t4-category-post-card__content {
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 14px;
	min-height: 0;
}

.t4-category-post-card__title {
	flex: 1;
	font-family: var(--t4-font-family);
	font-weight: 600;
	font-size: 24px;
	line-height: 1;
	color: var(--t4-text);
	margin: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

.t4-category-post-card__button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 8px 16px;
	background-color: var(--t4-primary);
	border: 1px solid var(--t4-primary);
	border-radius: var(--t4-radius-button);
	font-family: var(--t4-font-family);
	font-weight: 700;
	font-size: 20px;
	color: #ffffff;
	text-decoration: none;
	width: fit-content;
	transition: all 0.2s;
}

.t4-category-post-card__button:hover {
	opacity: 0.9;
	transform: translateY(-1px);
}

/* ============================================
   RESPONSIVE - CATEGORY POSTS
   ============================================ */

@media (max-width: 1600px) {
	.t4-category-posts__container {
		padding: 0 20px;
	}
}

@media (max-width: 1200px) {
	.t4-category-posts__row {
		gap: 24px;
	}
}

@media (max-width: 992px) {
	.t4-category-posts__row {
		flex-wrap: wrap;
	}
	
	.t4-category-post-card {
		width: calc(50% - 12px);
		min-width: 280px;
	}
}

@media (max-width: 768px) {
	.t4-category-posts {
		padding: 20px 0;
	}
	
	.t4-category-posts__container {
		padding: 0 16px;
	}
	
	.t4-category-posts__grid {
		gap: 24px;
	}
	
	.t4-category-posts__row {
		flex-direction: column;
		gap: 24px;
	}
	
	.t4-category-post-card {
		width: 100%;
		height: auto;
		min-height: 380px;
	}
	
	.t4-category-post-card__title {
		font-size: 20px;
	}
	
	.t4-category-post-card__button {
		font-size: 16px;
	}
}

@media (max-width: 480px) {
	.t4-category-post-card__title {
		font-size: 18px;
	}
}

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

.t4-pagination {
	width: 100%;
	padding: 20px 0 40px;
}

.t4-pagination__container {
	max-width: 1600px;
	margin: 0 auto;
	padding: 0 40px;
	background-color: #0c2327;
	border-radius: var(--t4-radius-container);
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 20px 104px;
}

/* Navegação (Anterior/Próximo) */
.t4-pagination__nav {
	flex-shrink: 0;
}

.t4-pagination__button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	padding: 8px 16px;
	background-color: #ffffff;
	border: 1px solid #ffffff;
	border-radius: var(--t4-radius-button);
	font-family: var(--t4-font-family);
	font-weight: 600;
	font-size: 16px;
	color: var(--t4-secondary);
	text-decoration: none;
	transition: all 0.2s;
	cursor: pointer;
}

.t4-pagination__button svg {
	flex-shrink: 0;
}

.t4-pagination__button:hover:not(.t4-pagination__button--disabled) {
	opacity: 0.9;
	transform: translateY(-1px);
}

.t4-pagination__button--disabled {
	opacity: 0.5;
	cursor: not-allowed;
}

/* Números */
.t4-pagination__numbers {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 24px;
	padding: 5px 20px;
	border-radius: 100px;
}

.t4-pagination__number {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 8px 12px;
	min-width: 40px;
	background-color: transparent;
	border: 1px solid transparent;
	border-radius: 100px;
	font-family: var(--t4-font-family);
	font-weight: 600;
	font-size: 16px;
	color: #ffffff;
	text-decoration: none;
	transition: all 0.2s;
}

.t4-pagination__number:hover {
	background-color: rgba(255, 255, 255, 0.1);
}

.t4-pagination__number--active {
	background-color: #1e3f43;
	border-color: #ffffff;
	color: #ffffff;
}

.t4-pagination__dots {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 8px 12px;
	font-family: var(--t4-font-family);
	font-weight: 600;
	font-size: 16px;
	color: #ffffff;
}

/* ============================================
   RESPONSIVE - PAGINAÇÃO
   ============================================ */

@media (max-width: 1600px) {
	.t4-pagination__container {
		padding: 20px 40px;
	}
}

@media (max-width: 768px) {
	.t4-pagination__container {
		padding: 16px 20px;
		flex-direction: column;
		gap: 16px;
	}
	
	.t4-pagination__nav {
		width: 100%;
	}
	
	.t4-pagination__button {
		width: 100%;
		justify-content: center;
	}
	
	.t4-pagination__numbers {
		gap: 12px;
		flex-wrap: wrap;
		justify-content: center;
	}
}

@media (max-width: 480px) {
	.t4-pagination__button span {
		display: none;
	}
	
	.t4-pagination__button {
		padding: 8px;
		min-width: 40px;
	}
	
	.t4-pagination__numbers {
		gap: 8px;
	}
	
	.t4-pagination__number {
		padding: 6px 10px;
		min-width: 36px;
		font-size: 14px;
	}
}

/* ============================================
   SEARCH PAGE
   ============================================ */

.t4-search-main {
	width: 100%;
	min-height: 60vh;
}

/* ============================================
   SEARCH HEADER
   ============================================ */

.t4-search-header {
	width: 100%;
	padding: 20px 0 40px;
}

.t4-search-header__container {
	max-width: 1600px;
	margin: 0 auto;
	padding: 0 40px;
	display: flex;
	flex-direction: column;
	gap: 12px;
	align-items: center;
	justify-content: center;
}

.t4-search-header__title {
	font-family: var(--t4-font-family);
	font-weight: 500;
	font-size: 40px;
	line-height: 1;
	color: var(--t4-text);
	text-align: center;
	margin: 0;
}

/* Search Form */
.t4-search-form {
	width: 100%;
	position: relative;
	display: flex;
	align-items: center;
}

.t4-search-form__input {
	width: 100%;
	padding: 8px 60px 8px 16px;
	background-color: var(--t4-bg-light);
	border: 1px solid var(--t4-primary);
	border-radius: var(--t4-radius-button);
	box-shadow: 0px 2px 8px 0px rgba(48, 136, 143, 0.2);
	font-family: var(--t4-font-family);
	font-weight: 400;
	font-size: 16px;
	color: var(--t4-input-text);
	outline: none;
	transition: all 0.2s;
}

.t4-search-form__input:focus {
	box-shadow: 0px 4px 12px 0px rgba(48, 136, 143, 0.3);
}

.t4-search-form__input::placeholder {
	color: var(--t4-input-text);
}

.t4-search-form__button {
	position: absolute;
	right: 16px;
	width: 24px;
	height: 24px;
	background: transparent;
	border: none;
	cursor: pointer;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--t4-primary);
	transition: opacity 0.2s;
}

.t4-search-form__button:hover {
	opacity: 0.8;
}

/* ============================================
   SEARCH RESULTS
   ============================================ */

.t4-search-results {
	width: 100%;
	padding: 20px 0;
}

.t4-search-results__container {
	max-width: 1600px;
	margin: 0 auto;
	padding: 0 40px;
}

.t4-search-results__grid {
	display: flex;
	flex-direction: column;
	gap: 32px;
}

.t4-search-results__row {
	display: flex;
	gap: 32px;
	width: 100%;
}

/* ============================================
   SEARCH CARD
   ============================================ */

.t4-search-card {
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 14px;
	height: 414px;
	min-width: 0;
}

.t4-search-card__label {
	font-family: var(--t4-font-family);
	font-weight: 500;
	font-size: 12px;
	line-height: 1;
	color: #235b62;
	text-transform: uppercase;
}

.t4-search-card__image {
	width: 100%;
	height: 236px;
	border-radius: var(--t4-radius-image);
	overflow: hidden;
	position: relative;
}

.t4-search-card__image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.t4-search-card__content {
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 14px;
	min-height: 0;
}

.t4-search-card__title {
	flex: 1;
	font-family: var(--t4-font-family);
	font-weight: 600;
	font-size: 24px;
	line-height: 1;
	color: var(--t4-text);
	margin: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

.t4-search-card__button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 8px 16px;
	background-color: var(--t4-primary);
	border: 1px solid var(--t4-primary);
	border-radius: var(--t4-radius-button);
	font-family: var(--t4-font-family);
	font-weight: 700;
	font-size: 20px;
	color: #ffffff;
	text-decoration: none;
	width: fit-content;
	transition: all 0.2s;
}

.t4-search-card__button:hover {
	opacity: 0.9;
	transform: translateY(-1px);
}

/* ============================================
   NO RESULTS
   ============================================ */

.t4-search-no-results {
	width: 100%;
	padding: 80px 0;
}

.t4-search-no-results__container {
	max-width: 800px;
	margin: 0 auto;
	padding: 0 40px;
	text-align: center;
}

.t4-search-no-results__title {
	font-family: var(--t4-font-family);
	font-weight: 600;
	font-size: 32px;
	line-height: 1.2;
	color: var(--t4-text);
	margin: 0 0 16px;
}

.t4-search-no-results__text {
	font-family: var(--t4-font-family);
	font-weight: 400;
	font-size: 18px;
	line-height: 1.5;
	color: var(--t4-text-muted);
	margin: 0;
}

/* ============================================
   RESPONSIVE - SEARCH
   ============================================ */

@media (max-width: 1600px) {
	.t4-search-header__container,
	.t4-search-results__container {
		padding: 0 20px;
	}
}

@media (max-width: 1200px) {
	.t4-search-results__row {
		gap: 24px;
	}
}

@media (max-width: 992px) {
	.t4-search-results__row {
		flex-wrap: wrap;
	}
	
	.t4-search-card {
		width: calc(50% - 12px);
		min-width: 280px;
	}
}

@media (max-width: 768px) {
	.t4-search-header {
		padding: 20px 0;
	}
	
	.t4-search-header__container,
	.t4-search-results__container {
		padding: 0 16px;
	}
	
	.t4-search-header__title {
		font-size: 28px;
	}
	
	.t4-search-results__grid {
		gap: 24px;
	}
	
	.t4-search-results__row {
		flex-direction: column;
		gap: 24px;
	}
	
	.t4-search-card {
		width: 100%;
		height: auto;
		min-height: 380px;
	}
	
	.t4-search-card__title {
		font-size: 20px;
	}
	
	.t4-search-card__button {
		font-size: 16px;
	}
}

@media (max-width: 480px) {
	.t4-search-header__title {
		font-size: 24px;
	}
	
	.t4-search-card__title {
		font-size: 18px;
	}
	
	.t4-search-no-results__title {
		font-size: 24px;
	}
}

/* ============================================
   SINGLE POST - TEMA 4
   ============================================ */

.t4-single-main {
	width: 100%;
	background-color: #ffffff;
}

/* ============================================
   CONTAINER PRINCIPAL
   ============================================ */

.t4-single-container {
	max-width: 1600px;
	margin: 0 auto;
	padding: 20px 0;
}

/* ============================================
   LAYOUT 2 COLUNAS
   ============================================ */

.t4-single-layout {
	display: flex;
	gap: 32px;
	align-items: flex-start;
	padding: 20px 0;
}

/* COLUNA ESQUERDA - CONTEÚDO */
.t4-single-content {
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 80px;
}

/* ============================================
   HEADLINE
   ============================================ */

.t4-single-headline {
	display: flex;
	flex-direction: column;
	gap: 52px;
}

.t4-single-headline__title {
	font-family: var(--t4-font-family);
	font-weight: 500;
	font-size: 52px;
	line-height: 1;
	color: #000000;
	margin: 0;
}

/* Meta Info */
.t4-single-headline__meta {
	display: flex;
	align-items: center;
	gap: 59px;
}

.t4-single-headline__date,
.t4-single-headline__reading {
	font-family: var(--t4-font-family);
	font-weight: 400;
	font-size: 16px;
	line-height: 1;
	color: #235b62;
}

.t4-single-headline__dot {
	width: 8px;
	height: 8px;
	background-color: #235b62;
	border-radius: 50%;
	flex-shrink: 0;
}

/* Botões de Compartilhamento */
.t4-single-share {
	display: flex;
	align-items: center;
	gap: 24px;
}

.t4-single-share__button {
	width: 40px;
	height: 40px;
	background-color: #20494f;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.2s ease;
	flex-shrink: 0;
}

.t4-single-share__button:hover {
	background-color: #1e3f43;
	transform: translateY(-2px);
}

.t4-single-share__button svg {
	flex-shrink: 0;
}

/* ============================================
   ARTIGO / CONTEÚDO
   ============================================ */

.t4-single-article {
	display: flex;
	flex-direction: column;
	gap: 32px;
}

/* Títulos dentro do conteúdo */
.t4-single-article h2 {
	font-family: var(--t4-font-family);
	font-weight: 600;
	font-size: 32px;
	line-height: 1;
	color: #595959;
	margin: 0;
}

.t4-single-article h3 {
	font-family: var(--t4-font-family);
	font-weight: 600;
	font-size: 24px;
	line-height: 1.4;
	color: #595959;
	margin: 0;
}

/* Parágrafos */
.t4-single-article p {
	font-family: var(--t4-font-family);
	font-weight: 400;
	font-size: 16px;
	line-height: 1.6;
	color: #595959;
	margin: 0;
}

/* Listas */
.t4-single-article ul,
.t4-single-article ol {
	font-family: var(--t4-font-family);
	font-weight: 400;
	font-size: 16px;
	line-height: 1.6;
	color: #595959;
	padding-left: 20px;
}

/* Links */
.t4-single-article a {
	color: #27727a;
	text-decoration: underline;
	transition: color 0.2s ease;
}

.t4-single-article a:hover {
	color: #1e3f43;
}

/* Imagens */
.t4-single-article img {
	max-width: 100%;
	height: auto;
	border-radius: var(--t4-radius-image);
	margin: 16px 0;
}

/* Blockquotes */
.t4-single-article blockquote {
	border-left: 4px solid #27727a;
	padding-left: 20px;
	margin: 24px 0;
	font-style: italic;
	color: #595959;
}

/* ============================================
   BOX AUTOR + COMPARTILHAMENTO
   ============================================ */

.t4-single-author-box {
	display: flex;
	gap: 42px;
	padding-top: 40px;
}

/* Share Vertical */
.t4-single-share-vertical {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	width: 44px;
	flex-shrink: 0;
}

/* Card do Autor */
.t4-single-author {
	flex: 1;
	background-color: #0c2327;
	border-radius: var(--t4-radius-container);
	padding: 40px;
	display: flex;
	gap: 32px;
	align-items: center;
}

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

.t4-single-author__avatar img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.t4-single-author__content {
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.t4-single-author__label {
	font-family: var(--t4-font-family);
	font-weight: 600;
	font-size: 18px;
	line-height: 1;
	color: #ffffff;
	margin: 0;
}

.t4-single-author__name {
	font-family: var(--t4-font-family);
	font-weight: 600;
	font-size: 40px;
	line-height: 1;
	color: #ffffff;
	margin: 0;
}

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

/* ============================================
   SIDEBAR
   ============================================ */

.t4-single-sidebar {
	width: 784px;
	flex-shrink: 0;
	display: flex;
	flex-direction: column;
	gap: 32px;
}

/* Imagem Destacada */
.t4-single-sidebar__featured {
	width: 100%;
	height: 349px;
	border-radius: var(--t4-radius-image);
	overflow: hidden;
}

.t4-single-sidebar__featured img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* Posts Relacionados */
.t4-single-sidebar__related {
	width: 657px;
	display: flex;
	flex-direction: column;
	gap: 0;
	width: 657px;
	display: flex;
	flex-direction: column;
	gap: 0;
}

.t4-single-sidebar__post {
	display: flex;
	align-items: center;
	gap: 44px;
	padding: 12px;
	min-height: 84px;
}

.t4-single-sidebar__post-title {
	flex: 1;
	font-family: var(--t4-font-family);
	font-weight: 600;
	font-size: 20px;
	line-height: 1.2;
	color: #000000;
	margin: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.t4-single-sidebar__post-button {
	width: 44px;
	height: 44px;
	background-color: #20494f;
	border: 1px solid #20494f;
	border-radius: var(--t4-radius-button);
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	transition: all 0.2s ease;
}

.t4-single-sidebar__post-button:hover {
	background-color: #1e3f43;
	transform: translateY(-2px);
}

.t4-single-sidebar__post-button svg {
	transform: rotate(-45deg);
}

.t4-single-sidebar__divider {
	width: 100%;
	height: 1px;
	background-color: #ebebeb;
}

/* ============================================
   SEÇÃO "SEE ALSO"
   ============================================ */

.t4-single-see-also {
	width: 100%;
	padding: 40px 0;
}

.t4-single-see-also__container {
	max-width: 1600px;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	gap: 24px;
}

.t4-single-see-also__title {
	font-family: var(--t4-font-family);
	font-weight: 500;
	font-size: 40px;
	line-height: 1;
	color: #000000;
	margin: 0;
}

.t4-single-see-also__grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 32px;
}

.t4-single-see-also__post {
	display: flex;
	flex-direction: column;
	gap: 14px;
}

.t4-single-see-also__label {
	font-family: var(--t4-font-family);
	font-weight: 500;
	font-size: 12px;
	line-height: 1;
	color: #235b62;
}

.t4-single-see-also__image {
	width: 100%;
	height: 236px;
	border-radius: var(--t4-radius-image);
	overflow: hidden;
}

.t4-single-see-also__image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.t4-single-see-also__content {
	display: flex;
	flex-direction: column;
	gap: 14px;
	flex: 1;
}

.t4-single-see-also__post-title {
	font-family: var(--t4-font-family);
	font-weight: 600;
	font-size: 24px;
	line-height: 1.2;
	color: #000000;
	margin: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

.t4-single-see-also__button {
	background-color: #27727a;
	border: 1px solid #27727a;
	border-radius: var(--t4-radius-button);
	padding: 8px 16px;
	font-family: var(--t4-font-family);
	font-weight: 700;
	font-size: 20px;
	line-height: 1;
	color: #ffffff;
	text-decoration: none;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	transition: all 0.2s ease;
	align-self: flex-start;
}

.t4-single-see-also__button:hover {
	background-color: #1e3f43;
	transform: translateY(-2px);
}

/* ============================================
   RESPONSIVE - TABLET
   ============================================ */

@media (max-width: 1600px) {
	.t4-single-container {
		padding: 20px 40px;
	}
	
	.t4-single-see-also__container {
		padding: 0 40px;
	}
}

@media (max-width: 1200px) {
	.t4-single-layout {
		flex-direction: column;
	}
	
	.t4-single-sidebar {
		width: 100%;
	}
	
	.t4-single-sidebar__related {
		width: 100%;
	}
	
	.t4-single-see-also__grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

/* ============================================
   RESPONSIVE - MOBILE
   ============================================ */

@media (max-width: 768px) {
	.t4-single-container {
		padding: 20px 20px;
	}
	
	.t4-single-see-also__container {
		padding: 0 20px;
	}
	
	.t4-single-headline__title {
		font-size: 32px;
	}
	
	.t4-single-headline__meta {
		flex-direction: column;
		align-items: flex-start;
		gap: 12px;
	}
	
	.t4-single-headline__dot {
		display: none;
	}
	
	.t4-single-share {
		flex-wrap: wrap;
		gap: 16px;
	}
	
	.t4-single-article h2 {
		font-size: 24px;
	}
	
	.t4-single-author-box {
		flex-direction: column;
		gap: 24px;
	}
	
	.t4-single-share-vertical {
		flex-direction: row;
		width: 100%;
		justify-content: flex-start;
	}
	
	.t4-single-author {
		flex-direction: column;
		text-align: center;
		padding: 24px;
	}
	
	.t4-single-author__name {
		font-size: 28px;
	}
	
	.t4-single-sidebar__featured {
		height: 200px;
	}
	
	.t4-single-see-also__grid {
		grid-template-columns: 1fr;
	}
	
	.t4-single-see-also__title {
		font-size: 28px;
	}
}

@media (max-width: 480px) {
	.t4-single-headline__title {
		font-size: 24px;
	}
	
	.t4-single-author__name {
		font-size: 24px;
	}
	
	.t4-single-see-also__post-title {
		font-size: 20px;
	}
}

/* ============================================
   PRIVACY POLICY PAGE - TEMA 4
   ============================================ */

.t4-privacy-main {
	width: 100%;
	background-color: #ffffff;
}

/* ============================================
   CONTAINER PRINCIPAL
   ============================================ */

.t4-privacy-container {
	max-width: 1600px;
	margin: 0 auto;
	padding: 20px 0;
}

/* ============================================
   HEADER DA PÁGINA
   ============================================ */

.t4-privacy-header {
	width: 100%;
	background-color: #f7f7f7;
	border-radius: var(--t4-radius-container);
	padding: 60px 104px;
	margin-bottom: 0;
}

.t4-privacy-header__title {
	font-family: var(--t4-font-family);
	font-weight: 500;
	font-size: 52px;
	line-height: 1;
	color: #000000;
	margin: 0;
}

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

.t4-privacy-content {
	width: 100%;
	padding: 40px 104px;
}

.t4-privacy-content__wrapper {
	max-width: 712px;
	display: flex;
	flex-direction: column;
	gap: 32px;
}

/* Introdução (primeiro parágrafo) */
.t4-privacy-content__wrapper > p:first-child {
	font-family: var(--t4-font-family);
	font-weight: 600;
	font-size: 20px;
	line-height: 1.5;
	color: #595959;
	margin: 0;
}

/* Parágrafos normais */
.t4-privacy-content__wrapper p {
	font-family: var(--t4-font-family);
	font-weight: 400;
	font-size: 16px;
	line-height: 1.5;
	color: #595959;
	margin: 0;
}

/* Lista ordenada (numeração) */
.t4-privacy-content__wrapper ol {
	list-style: none;
	counter-reset: item;
	padding: 0;
	margin: 0;
	display: flex;
	flex-direction: column;
	gap: 32px;
}

.t4-privacy-content__wrapper ol > li {
	counter-increment: item;
	display: flex;
	flex-direction: column;
	gap: 16px;
	position: relative;
}

.t4-privacy-content__wrapper ol > li::before {
	content: counter(item) ". ";
	font-family: var(--t4-font-family);
	font-weight: 600;
	font-size: 32px;
	line-height: 1;
	color: #595959;
	display: inline;
}

/* Título dentro do item da lista */
.t4-privacy-content__wrapper ol > li > strong,
.t4-privacy-content__wrapper ol > li > b {
	font-family: var(--t4-font-family);
	font-weight: 600;
	font-size: 32px;
	line-height: 1;
	color: #595959;
	display: inline;
}

/* Parágrafo dentro do item da lista */
.t4-privacy-content__wrapper ol > li p {
	font-family: var(--t4-font-family);
	font-weight: 400;
	font-size: 16px;
	line-height: 1.5;
	color: #595959;
	margin: 0;
}

/* Divisores entre items */
.t4-privacy-content__wrapper hr {
	width: 100%;
	height: 1px;
	background-color: #ebebeb;
	border: none;
	margin: 0;
}

/* Links */
.t4-privacy-content__wrapper a {
	color: #27727a;
	text-decoration: underline;
	transition: color 0.2s ease;
}

.t4-privacy-content__wrapper a:hover {
	color: #1e3f43;
}

/* Headings */
.t4-privacy-content__wrapper h2,
.t4-privacy-content__wrapper h3 {
	font-family: var(--t4-font-family);
	font-weight: 600;
	font-size: 32px;
	line-height: 1;
	color: #595959;
	margin: 0;
}

.t4-privacy-content__wrapper h4 {
	font-family: var(--t4-font-family);
	font-weight: 600;
	font-size: 20px;
	line-height: 1.4;
	color: #595959;
	margin: 0;
}

/* ============================================
   SPACER
   ============================================ */

.t4-privacy-spacer {
	height: 40px;
	width: 100%;
}

/* ============================================
   SEÇÃO "SEE ALSO"
   ============================================ */

.t4-privacy-see-also {
	width: 100%;
	padding: 40px 0;
}

.t4-privacy-see-also__container {
	max-width: 1600px;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	gap: 24px;
}

.t4-privacy-see-also__title {
	font-family: var(--t4-font-family);
	font-weight: 500;
	font-size: 40px;
	line-height: 1;
	color: #000000;
	margin: 0;
}

.t4-privacy-see-also__grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 32px;
}

.t4-privacy-see-also__post {
	display: flex;
	flex-direction: column;
	gap: 14px;
}

.t4-privacy-see-also__label {
	font-family: var(--t4-font-family);
	font-weight: 500;
	font-size: 12px;
	line-height: 1;
	color: #235b62;
}

.t4-privacy-see-also__image {
	width: 100%;
	height: 236px;
	border-radius: var(--t4-radius-image);
	overflow: hidden;
}

.t4-privacy-see-also__image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.t4-privacy-see-also__content {
	display: flex;
	flex-direction: column;
	gap: 14px;
	flex: 1;
}

.t4-privacy-see-also__post-title {
	font-family: var(--t4-font-family);
	font-weight: 600;
	font-size: 24px;
	line-height: 1.2;
	color: #000000;
	margin: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

.t4-privacy-see-also__button {
	background-color: #27727a;
	border: 1px solid #27727a;
	border-radius: var(--t4-radius-button);
	padding: 8px 16px;
	font-family: var(--t4-font-family);
	font-weight: 700;
	font-size: 20px;
	line-height: 1;
	color: #ffffff;
	text-decoration: none;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	transition: all 0.2s ease;
	align-self: flex-start;
}

.t4-privacy-see-also__button:hover {
	background-color: #1e3f43;
	transform: translateY(-2px);
}

/* ============================================
   RESPONSIVE - TABLET
   ============================================ */

@media (max-width: 1600px) {
	.t4-privacy-container {
		padding: 20px 40px;
	}
	
	.t4-privacy-header {
		padding: 60px 40px;
	}
	
	.t4-privacy-content {
		padding: 40px;
	}
	
	.t4-privacy-see-also__container {
		padding: 0 40px;
	}
}

@media (max-width: 1200px) {
	.t4-privacy-see-also__grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

/* ============================================
   RESPONSIVE - MOBILE
   ============================================ */

@media (max-width: 768px) {
	.t4-privacy-container {
		padding: 20px;
	}
	
	.t4-privacy-header {
		padding: 40px 24px;
	}
	
	.t4-privacy-header__title {
		font-size: 32px;
	}
	
	.t4-privacy-content {
		padding: 32px 20px;
	}
	
	.t4-privacy-content__wrapper {
		max-width: 100%;
	}
	
	.t4-privacy-content__wrapper > p:first-child {
		font-size: 18px;
	}
	
	.t4-privacy-content__wrapper ol > li::before {
		font-size: 24px;
	}
	
	.t4-privacy-content__wrapper ol > li > strong,
	.t4-privacy-content__wrapper ol > li > b,
	.t4-privacy-content__wrapper h2,
	.t4-privacy-content__wrapper h3 {
		font-size: 24px;
	}
	
	.t4-privacy-see-also__container {
		padding: 0 20px;
	}
	
	.t4-privacy-see-also__title {
		font-size: 28px;
	}
	
	.t4-privacy-see-also__grid {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 480px) {
	.t4-privacy-header__title {
		font-size: 24px;
	}
	
	.t4-privacy-see-also__post-title {
		font-size: 20px;
	}
}

/* ============================================
   CONTACT PAGE - TEMA 4
   ============================================ */

.t4-contact-main {
	width: 100%;
	background-color: #ffffff;
}

/* ============================================
   CONTAINER PRINCIPAL
   ============================================ */

.t4-contact-container {
	max-width: 1600px;
	margin: 0 auto;
	padding: 20px 0;
}

/* ============================================
   HEADER DA PÁGINA
   ============================================ */

.t4-contact-header {
	width: 100%;
	background-color: #f7f7f7;
	border-radius: var(--t4-radius-container);
	padding: 60px 104px;
	margin-bottom: 0;
}

.t4-contact-header__title {
	font-family: var(--t4-font-family);
	font-weight: 500;
	font-size: 52px;
	line-height: 1;
	color: #000000;
	margin: 0;
}

/* ============================================
   CONTEÚDO + FORMULÁRIO
   ============================================ */

.t4-contact-content {
	display: flex;
	gap: 32px;
	align-items: flex-start;
	padding: 40px 104px;
}

/* Coluna Esquerda - Texto */
.t4-contact-text {
	width: 680px;
	flex-shrink: 0;
	display: flex;
	flex-direction: column;
	gap: 24px;
}

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

.t4-contact-text > p:first-child {
	font-weight: 400;
	font-size: 20px;
	line-height: 1.5;
}

/* Coluna Direita - Formulário */
.t4-contact-form {
	width: 680px;
	flex-shrink: 0;
	display: flex;
	flex-direction: column;
	gap: 14px;
}

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

.t4-contact-form__field {
	width: 100%;
}

.t4-contact-form__field--textarea {
	flex: 1;
}

.t4-contact-form__input,
.t4-contact-form__textarea {
	width: 100%;
	background-color: #ebebeb;
	border: 1px solid #e0e0e0;
	border-radius: var(--t4-radius-container);
	padding: 20px;
	font-family: var(--t4-font-family);
	font-weight: 400;
	font-size: 16px;
	line-height: 1;
	color: #808080;
	transition: all 0.2s ease;
}

.t4-contact-form__input:focus,
.t4-contact-form__textarea:focus {
	outline: none;
	border-color: #27727a;
	background-color: #ffffff;
	color: #000000;
}

.t4-contact-form__textarea {
	min-height: 200px;
	resize: vertical;
	line-height: 1.5;
}

.t4-contact-form__submit {
	background-color: #27727a;
	border: 1px solid #27727a;
	border-radius: var(--t4-radius-button);
	padding: 12px 24px;
	font-family: var(--t4-font-family);
	font-weight: 700;
	font-size: 20px;
	line-height: 1;
	color: #ffffff;
	cursor: pointer;
	transition: all 0.2s ease;
	align-self: flex-start;
}

.t4-contact-form__submit:hover {
	background-color: #1e3f43;
	transform: translateY(-2px);
}

.t4-contact-form__message {
	padding: 16px;
	border-radius: var(--t4-radius-button);
	font-family: var(--t4-font-family);
	font-size: 14px;
	line-height: 1.5;
	display: none;
}

.t4-contact-form__message.success {
	display: block;
	background-color: #d4edda;
	border: 1px solid #c3e6cb;
	color: #155724;
}

.t4-contact-form__message.error {
	display: block;
	background-color: #f8d7da;
	border: 1px solid #f5c6cb;
	color: #721c24;
}

/* ============================================
   SPACER
   ============================================ */

.t4-contact-spacer {
	height: 40px;
	width: 100%;
}

/* ============================================
   SEÇÃO "SEE ALSO"
   ============================================ */

.t4-contact-see-also {
	width: 100%;
	padding: 40px 0;
}

.t4-contact-see-also__container {
	max-width: 1600px;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	gap: 24px;
}

.t4-contact-see-also__title {
	font-family: var(--t4-font-family);
	font-weight: 500;
	font-size: 40px;
	line-height: 1;
	color: #000000;
	margin: 0;
}

.t4-contact-see-also__grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 32px;
}

.t4-contact-see-also__post {
	display: flex;
	flex-direction: column;
	gap: 14px;
}

.t4-contact-see-also__label {
	font-family: var(--t4-font-family);
	font-weight: 500;
	font-size: 12px;
	line-height: 1;
	color: #235b62;
}

.t4-contact-see-also__image {
	width: 100%;
	height: 236px;
	border-radius: var(--t4-radius-image);
	overflow: hidden;
}

.t4-contact-see-also__image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.t4-contact-see-also__content {
	display: flex;
	flex-direction: column;
	gap: 14px;
	flex: 1;
}

.t4-contact-see-also__post-title {
	font-family: var(--t4-font-family);
	font-weight: 600;
	font-size: 24px;
	line-height: 1.2;
	color: #000000;
	margin: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

.t4-contact-see-also__button {
	background-color: #27727a;
	border: 1px solid #27727a;
	border-radius: var(--t4-radius-button);
	padding: 8px 16px;
	font-family: var(--t4-font-family);
	font-weight: 700;
	font-size: 20px;
	line-height: 1;
	color: #ffffff;
	text-decoration: none;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	transition: all 0.2s ease;
	align-self: flex-start;
}

.t4-contact-see-also__button:hover {
	background-color: #1e3f43;
	transform: translateY(-2px);
}

/* ============================================
   RESPONSIVE - TABLET
   ============================================ */

@media (max-width: 1600px) {
	.t4-contact-container {
		padding: 20px 40px;
	}
	
	.t4-contact-header {
		padding: 60px 40px;
	}
	
	.t4-contact-content {
		padding: 40px;
	}
	
	.t4-contact-see-also__container {
		padding: 0 40px;
	}
}

@media (max-width: 1400px) {
	.t4-contact-text,
	.t4-contact-form {
		width: auto;
		flex: 1;
	}
}

@media (max-width: 1200px) {
	.t4-contact-see-also__grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

/* ============================================
   RESPONSIVE - MOBILE
   ============================================ */

@media (max-width: 768px) {
	.t4-contact-container {
		padding: 20px;
	}
	
	.t4-contact-header {
		padding: 40px 24px;
	}
	
	.t4-contact-header__title {
		font-size: 32px;
	}
	
	.t4-contact-content {
		flex-direction: column;
		padding: 32px 20px;
		gap: 40px;
	}
	
	.t4-contact-text,
	.t4-contact-form {
		width: 100%;
	}
	
	.t4-contact-text > p:first-child {
		font-size: 18px;
	}
	
	.t4-contact-form__submit {
		width: 100%;
	}
	
	.t4-contact-see-also__container {
		padding: 0 20px;
	}
	
	.t4-contact-see-also__title {
		font-size: 28px;
	}
	
	.t4-contact-see-also__grid {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 480px) {
	.t4-contact-header__title {
		font-size: 24px;
	}
	
	.t4-contact-see-also__post-title {
		font-size: 20px;
	}
}