/*
 * Agroraiz — overrides e estilos de marca sobre o Bootstrap 5.
 * Toda estrutura de grid/spacing/flex usa utilitários Bootstrap.
 */

/* =========================================================
   Tokens da marca como variáveis CSS + overrides do Bootstrap
   ========================================================= */
:root {
	/* Paleta Agroraiz */
	--ar-green: #005e26;
	--ar-green-hover: #00471d;
	--ar-green-dark: #002a11;
	--ar-beige: #fceed4;
	--ar-beige-2: #fffdfb;
	--ar-bg-card: #fffbf5;
	--ar-gray: #2d2d2d;

	/* Overrides do Bootstrap */
	--bs-primary: var(--ar-green);
	--bs-primary-rgb: 0, 94, 38;
	--bs-body-bg: var(--ar-beige-2);
	--bs-body-color: var(--ar-gray);
	--bs-body-font-family: "Archivo", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
	--bs-font-sans-serif: "Archivo", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
	--bs-border-color: rgba(45, 45, 45, 0.1);

	--ar-font-display: "Clinto Slab", "Roboto Slab", Georgia, "Times New Roman", serif;
}

/* =========================================================
   Container Bootstrap — padrões da marca
   24px padding mobile, 120px padding desktop (>=lg)
   ========================================================= */
.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
	--bs-gutter-x: 3rem; /* 24px cada lado em mobile */
	max-width: 1680px;
}

@media (min-width: 992px) {
	.container,
	.container-fluid,
	.container-lg,
	.container-md,
	.container-sm,
	.container-xl,
	.container-xxl {
		--bs-gutter-x: 15rem; /* 120px cada lado em desktop */
	}
}

body {
	font-family: var(--bs-body-font-family);
	color: var(--ar-gray);
	background-color: var(--ar-beige-2);
}

/* Skip link (acessibilidade) */
.screen-reader-text {
	position: absolute;
	left: -9999px;
	top: auto;
	width: 1px;
	height: 1px;
	overflow: hidden;
}
.screen-reader-text:focus {
	left: 10px;
	top: 10px;
	width: auto;
	height: auto;
	z-index: 100000;
	padding: 12px 18px;
	background: var(--ar-green);
	color: var(--ar-beige);
	border-radius: 8px;
	text-decoration: none;
	font-weight: 600;
}

a { color: inherit; text-decoration: none; }

/* Helpers de cor (mantidos) */
.text-ar-green    { color: var(--ar-green) !important; }
.text-ar-beige    { color: var(--ar-beige) !important; }
.text-ar-beige-2  { color: var(--ar-beige-2) !important; }
.text-ar-gray     { color: var(--ar-gray) !important; }
.text-ar-muted    { color: rgba(45, 45, 45, 0.6) !important; }

.bg-ar-green      { background-color: var(--ar-green) !important; }
.bg-ar-green-dark { background-color: var(--ar-green-dark) !important; }
.bg-ar-beige      { background-color: var(--ar-beige) !important; }
.bg-ar-beige-2    { background-color: var(--ar-beige-2) !important; }
.bg-ar-card       { background-color: var(--ar-bg-card) !important; }

.font-display     { font-family: var(--ar-font-display); }
.rounded-ar       { border-radius: 20px !important; }

/* =========================================================
   Section title — estrela + texto em Clinto Slab verde
   ========================================================= */
.ar-section-title {
	display: flex;
	align-items: center;
	gap: 10px;
	color: var(--ar-green);
	font-family: var(--ar-font-display);
	font-size: 24px;
	line-height: 1;
	margin: 0;
}

.ar-section-title__icon {
	width: 19px;
	height: 20px;
	flex-shrink: 0;
}

@media (min-width: 992px) {
	.ar-section-title { font-size: 32px; }
}

/* =========================================================
   HEADER / NAVBAR
   ========================================================= */
.ar-header__top {
	position: relative;
	background-color: var(--ar-green);
	overflow: hidden;
}

.ar-header__top-inner { position: relative; z-index: 2; }

.ar-header__bg-pattern {
	position: absolute;
	left: 50%;
	bottom: -12px;
	transform: translateX(-50%);
	width: 1440px;
	min-width: 100%;
	max-width: none;
	height: auto;
	opacity: 0.05;
	pointer-events: none;
	z-index: 1;
}

.ar-header__logo { display: inline-flex; align-items: center; line-height: 0; }

.ar-header__logo-img {
	display: block;
	height: 28px;
	width: auto;
}

@media (min-width: 992px) {
	.ar-header__logo-img { height: 32px; }
}

.ar-header__icon-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
	color: var(--ar-beige-2);
	font-size: 22px;
	line-height: 1;
	background: transparent;
	border: 0;
	padding: 0;
	transition: opacity .2s ease;
}

.ar-header__icon-btn:hover { opacity: .8; color: var(--ar-beige-2); }

/* =========================================================
   Search panel (slide-down)
   ========================================================= */
.ar-search-panel {
	background-color: var(--ar-beige-2);
	border-bottom: 1px solid var(--bs-border-color);
	max-height: 0;
	overflow: hidden;
	opacity: 0;
	transform: translateY(-10px);
	transition: max-height .35s ease, opacity .25s ease, transform .35s ease;
	pointer-events: none;
}

.ar-search-panel[hidden] { display: block; }

.ar-search-panel.is-open {
	max-height: 200px;
	opacity: 1;
	transform: translateY(0);
	pointer-events: auto;
}

.ar-search-panel__form {
	display: flex;
	align-items: center;
	gap: 12px;
	background-color: var(--ar-bg-card);
	border: 1px solid var(--bs-border-color);
	border-radius: 999px;
	padding: 8px 8px 8px 20px;
	transition: border-color .2s ease, box-shadow .2s ease;
}

.ar-search-panel__form:focus-within {
	border-color: var(--ar-green);
	box-shadow: 0 0 0 3px rgba(0, 94, 38, 0.12);
}

.ar-search-panel__icon {
	color: var(--ar-green);
	font-size: 18px;
	flex-shrink: 0;
}

.ar-search-panel__input {
	flex: 1 1 auto;
	min-width: 0;
	border: 0;
	outline: 0;
	background: transparent;
	font-family: var(--bs-font-sans-serif);
	font-size: 16px;
	color: var(--ar-gray);
	padding: 8px 0;
}

.ar-search-panel__input::placeholder { color: rgba(45, 45, 45, 0.5); }

/* Remove o X nativo do browser em input[type="search"] (Chrome/Safari/Edge) */
.ar-search-panel__input::-webkit-search-cancel-button,
.ar-search-panel__input::-webkit-search-decoration,
.ar-search-inline__input::-webkit-search-cancel-button,
.ar-search-inline__input::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
	appearance: none;
	display: none;
}

.ar-search-panel__submit {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 0;
	background-color: var(--ar-green);
	color: var(--ar-beige);
	font-family: var(--bs-font-sans-serif);
	font-weight: 500;
	font-size: 15px;
	padding: 10px 20px;
	border-radius: 999px;
	cursor: pointer;
	flex-shrink: 0;
	transition: background-color .2s ease;
}

.ar-search-panel__submit:hover { background-color: var(--ar-green-hover); }

.ar-search-panel__close {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 0;
	background: transparent;
	color: var(--ar-gray);
	width: 36px;
	height: 36px;
	border-radius: 50%;
	font-size: 16px;
	cursor: pointer;
	flex-shrink: 0;
	transition: background-color .2s ease;
}

.ar-search-panel__close:hover { background-color: rgba(45, 45, 45, 0.08); }

@media (max-width: 575.98px) {
	.ar-search-panel__submit span { display: none; }
	.ar-search-panel__submit {
		width: 40px; height: 40px; padding: 0;
	}
	.ar-search-panel__submit::before {
		font-family: "bootstrap-icons";
		content: "\F52A";
		font-size: 16px;
	}
}

.ar-header__search-toggle[aria-expanded="true"] { opacity: .7; }

/* Menu desktop — alinhado à esquerda */
.ar-menu {
	background-color: var(--ar-beige-2);
	border-bottom: 1px solid var(--bs-border-color);
}

.ar-menu .nav { justify-content: flex-start; }

.ar-menu .nav-link {
	color: var(--ar-gray);
	font-weight: 500;
	padding: 8px 16px;
	border-radius: 8px;
	line-height: 24px;
	white-space: nowrap;
	transition: background-color .2s ease, color .2s ease;
}

/* Hover sutil — igual às abas de Culturas */
.ar-menu .nav-link:hover {
	background-color: rgba(0, 94, 38, 0.08);
	color: var(--ar-gray);
}

/* Estado ativo (página atual) — solid verde como no Figma */
.ar-menu .nav-item.current-menu-item > .nav-link,
.ar-menu .nav-item.current-menu-ancestor > .nav-link,
.ar-menu .nav-item.current_page_item > .nav-link,
.ar-menu .nav-item.active > .nav-link,
.ar-menu .nav-link.active {
	background-color: var(--ar-green);
	color: var(--ar-beige);
}

.ar-menu .nav-item.current-menu-item > .nav-link:hover,
.ar-menu .nav-link.active:hover {
	background-color: var(--ar-green-hover);
	color: var(--ar-beige);
}

.ar-menu .dropdown-menu {
	border-radius: 8px;
	border-color: var(--bs-border-color);
	background-color: var(--ar-beige-2);
	padding: 8px 0;
	margin-top: 8px;
}

.ar-menu .dropdown-item { color: var(--ar-gray); padding: 12px 16px; }
.ar-menu .dropdown-item:hover,
.ar-menu .dropdown-item:focus {
	background-color: rgba(0, 94, 38, 0.08);
	color: var(--ar-gray);
}

/* Offcanvas mobile */
.ar-offcanvas { background-color: var(--ar-beige-2); }
.ar-offcanvas .nav-link {
	display: block;
	padding: 12px 24px;
	font-weight: 500;
	font-size: 16px;
	color: var(--ar-gray);
	border-bottom: 1px solid var(--bs-border-color);
	border-radius: 0;
}
.ar-offcanvas .nav-link:hover,
.ar-offcanvas .nav-link.active { color: var(--ar-green); }
.ar-offcanvas .sub-menu .nav-link { padding-left: 48px; font-weight: 400; }

.ar-offcanvas__header { background-color: var(--ar-green); padding: 24px; }
.ar-offcanvas__socials-title { font-size: 18px; color: var(--ar-gray); margin: 0; }

.ar-socials-list {
	display: flex; gap: 10px; flex-wrap: wrap;
	padding: 0; margin: 0; list-style: none;
}
.ar-socials-list a {
	display: inline-flex; align-items: center; justify-content: center;
	width: 45px; height: 45px;
	background-color: var(--ar-green);
	color: #ffffff;
	border-radius: 8px;
	font-size: 18px;
	transition: background-color .2s ease;
}
.ar-socials-list a:hover {
	background-color: var(--ar-green-hover);
	color: #ffffff;
}

/* =========================================================
   HERO
   ========================================================= */
.ar-hero {
	position: relative;
	overflow: hidden;
	color: #ffffff;
	padding-block: 64px;
	min-height: 400px;
	display: flex;
	align-items: center;
}

@media (min-width: 992px) { .ar-hero { min-height: 440px; } }

.ar-hero__bg,
.ar-hero__overlay,
.ar-hero__vector {
	position: absolute;
	inset: 0;
	pointer-events: none;
}

.ar-hero__bg { z-index: 0; }
.ar-hero__bg img {
	width: 100%; height: 100%;
	object-fit: cover; object-position: center top;
	display: block;
}

.ar-hero__overlay { background-color: rgba(0, 0, 0, 0.4); z-index: 1; }

.ar-hero__vector {
	display: none;
	left: auto; right: -60px; top: 50%;
	transform: translateY(-50%);
	width: 625px; height: 361px;
	opacity: .9;
	z-index: 1;
}
.ar-hero__vector img { width: 100%; height: 100%; display: block; }

@media (min-width: 992px) { .ar-hero__vector { display: block; } }

.ar-hero__inner {
	position: relative;
	z-index: 2;
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.ar-hero__eyebrow {
	font-weight: 600;
	font-size: 18px;
	line-height: 22.1px;
	text-transform: uppercase;
	color: #ffffff;
	margin: 0;
}

.ar-hero__title {
	font-family: var(--ar-font-display);
	color: var(--ar-beige-2);
	font-size: 32px;
	line-height: 40px;
	font-weight: 700;
	margin: 0;
	max-width: 100%;
}

@media (min-width: 992px) {
	.ar-hero__title { font-size: 56px; line-height: 64px; max-width: 608px; }
}

/* =========================================================
   ARTICLE CARDS — card inteiro é link.
   Imagem como background-image para cobrir qualquer tamanho.
   ========================================================= */
.ar-card {
	background-color: rgba(252, 238, 212, 0.15);
	border: 1px solid var(--bs-border-color);
	border-radius: 20px;
	padding: 16px;
	width: 100%;
	height: 100%;
	min-height: 100%;
	cursor: pointer;
	display: flex;
	flex-direction: column;
	color: inherit;
	text-decoration: none;
	transition: border-color .25s ease, box-shadow .25s ease, transform .25s ease;
}
.ar-card, .ar-card *,
.ar-card-featured, .ar-card-featured *,
a.ar-partner-card, a.ar-partner-card * { cursor: pointer; }

.ar-card:hover {
	border-color: rgba(0, 94, 38, 0.25);
	box-shadow: 0 6px 20px rgba(0, 94, 38, 0.08);
	transform: translateY(-2px);
	color: inherit;
}

@media (max-width: 991.98px) {
	.ar-card { background-color: var(--ar-bg-card); }
}

.ar-card__image {
	position: relative;
	height: 180px;
	border-radius: 8px;
	overflow: hidden;
	flex-shrink: 0;
}

.ar-card__image-bg {
	position: absolute;
	inset: 0;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	transition: transform .5s ease;
}

.ar-card__image::after {
	content: "";
	position: absolute;
	inset: 0;
	background-color: rgba(0, 0, 0, 0.2);
	pointer-events: none;
	transition: background-color .3s ease;
	z-index: 1;
}

.ar-card:hover .ar-card__image-bg {
	transform: scale(1.06);
}

.ar-card:hover .ar-card__image::after {
	background-color: rgba(0, 0, 0, 0.1);
}

.ar-card__body {
	padding-top: 24px;
	display: flex;
	flex-direction: column;
	gap: 8px;
	flex: 1 1 auto;
}

.ar-card__category {
	display: inline-flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 6px;
	font-weight: 600;
	font-size: 14px;
	line-height: 22.1px;
	color: var(--ar-green);
	text-transform: uppercase;
	margin: 0;
}
.ar-card__cat,
.ar-card__cultura {
	text-decoration: none;
	transition: color .2s ease, text-decoration .2s ease;
}
.ar-card__cat      { color: var(--ar-green); }
.ar-card__cat:hover     { color: var(--ar-green-hover); text-decoration: underline; }
.ar-card__cat-sep { color: rgba(0, 94, 38, 0.4); font-weight: 400; }
.ar-card__cultura      { color: rgba(0, 94, 38, 0.75); font-weight: 500; }
.ar-card__cultura:hover { color: var(--ar-green); text-decoration: underline; }
.ar-card__title a {
	color: inherit;
	text-decoration: none;
}
.ar-card__image-link {
	display: block;
	width: 100%;
	text-decoration: none;
	color: inherit;
}
.ar-card__image-link:hover { color: inherit; }

.ar-card__title {
	font-weight: 400;
	font-size: 18px;
	line-height: 1.3;
	color: var(--ar-gray);
	margin: 0;
	transition: color .25s ease;
}

.ar-card:hover .ar-card__title { color: var(--ar-green); }

@media (min-width: 992px) { .ar-card__title { font-size: 20px; } }

.ar-card__meta {
	font-weight: 500;
	font-size: 14px;
	line-height: 24px;
	color: rgba(45, 45, 45, 0.6);
	margin: 0;
	margin-top: auto;
	padding-top: 8px;
}

/* Variante horizontal */
.ar-card--horizontal {
	flex-direction: row;
	gap: 16px;
	padding: 16px;
	flex: 1 1 0;
	min-height: 0;
}

.ar-card--horizontal .ar-card__image-link {
	width: 220px;
	max-width: 40%;
	align-self: stretch;
	flex-shrink: 0;
}

.ar-card--horizontal .ar-card__image {
	width: 100%;
	height: 100%;
	min-height: 140px;
}

.ar-card--horizontal .ar-card__body {
	padding-top: 0;
	justify-content: space-between;
	flex: 1 1 auto;
	min-width: 0;
}

@media (max-width: 991.98px) {
	.ar-card--horizontal { flex-direction: column; }
	.ar-card--horizontal .ar-card__image-link { width: 100%; max-width: 100%; }
	.ar-card--horizontal .ar-card__image { height: 180px; min-height: 180px; }
	.ar-card--horizontal .ar-card__body { padding-top: 24px; }
}

/* Card featured (hero da seção recentes)
   Card inteiro é link. Imagem como background-image.
   Overlay mais suave no hover + zoom leve no bg. */
.ar-card-featured {
	position: relative;
	border-radius: 20px;
	overflow: hidden;
	min-height: 350px;
	cursor: pointer;
	display: flex;
	align-items: stretch;
	padding: 40px;
	border: 1px solid var(--bs-border-color);
	text-decoration: none;
	color: #ffffff;
	transition: box-shadow .3s ease, transform .3s ease;
}

.ar-card-featured:hover {
	box-shadow: 0 12px 30px rgba(0, 94, 38, 0.18);
	transform: translateY(-2px);
	color: #ffffff;
}

.ar-card-featured__bg {
	position: absolute;
	inset: 0;
	z-index: 0;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	transition: transform .6s ease;
}

.ar-card-featured:hover .ar-card-featured__bg {
	transform: scale(1.05);
}

.ar-card-featured__overlay {
	position: absolute; inset: 0;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.5) 100%);
	z-index: 1;
	transition: background .3s ease;
}

.ar-card-featured:hover .ar-card-featured__overlay {
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.45) 0%, rgba(0, 0, 0, 0.75) 100%);
}

.ar-card-featured__content {
	position: relative; z-index: 2;
	display: flex; flex-direction: column;
	justify-content: space-between;
	width: 100%; max-width: 637px;
	color: #ffffff;
}
.ar-card-featured__category {
	font-weight: 600; font-size: 14px; line-height: 22.1px;
	text-transform: uppercase; color: #ffffff;
	margin: 0 0 8px 0;
}
.ar-card-featured__title {
	font-weight: 400; font-size: 24px; line-height: 1.25;
	color: #ffffff; margin: 0;
	transition: color .25s ease;
}
.ar-card-featured:hover .ar-card-featured__title {
	color: #ffffff;
}
@media (min-width: 992px) {
	.ar-card-featured__title { font-size: 40px; }
}
.ar-card-featured__meta {
	font-weight: 500; font-size: 14px; line-height: 24px;
	color: var(--ar-beige-2); margin: 0; padding-top: 16px;
}
@media (max-width: 991.98px) {
	.ar-card-featured { padding: 24px; min-height: 280px; }
}

/* =========================================================
   SECTIONS
   ========================================================= */
.ar-recentes,
.ar-noticias,
.ar-culturas,
.ar-cna,
.ar-cotacoes,
.ar-publicacoes {
	background-color: var(--ar-beige-2);
	padding: 48px 0;
}
@media (min-width: 992px) {
	.ar-recentes    { padding: 64px 0; }
	.ar-noticias    { padding: 24px 0 64px; }
	.ar-culturas    { padding: 24px 0 64px; }
	.ar-cna         { padding: 24px 0 64px; }
	.ar-cotacoes    { padding: 24px 0 64px; }
	.ar-publicacoes { padding: 48px 0 24px; }
}

/* =========================================================
   "Ver mais" link
   ========================================================= */
.ar-link-more {
	color: var(--ar-green);
	font-family: var(--bs-font-sans-serif);
	font-weight: 500;
	font-size: 16px;
	text-decoration: none;
}
@media (min-width: 992px) {
	.ar-link-more { font-size: 18px; }
}
.ar-link-more:hover { color: var(--ar-green-hover); }

/* =========================================================
   Cotações — Tables
   ========================================================= */
.ar-table {
	border: 1px solid var(--bs-border-color);
	border-radius: 20px;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	background-color: var(--ar-beige-2);
}

.ar-table__row {
	display: flex;
	align-items: stretch;
	background-color: var(--ar-beige-2);
	border-top: 1px solid var(--bs-border-color);
}
.ar-table__row:first-child { border-top: 0; }

/* Alternância sutil nas linhas de dados */
.ar-table__row:nth-of-type(odd):not(.ar-table__row--head) {
	background-color: var(--ar-bg-card);
}

/* ----- Célula base (linhas do corpo) ----- */
.ar-table__cell {
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 14px 16px;
	font-family: var(--bs-font-sans-serif);
	font-size: 15px;
	color: var(--ar-gray);
	min-height: 68px;
	border-left: 1px solid var(--bs-border-color);
}
.ar-table__cell:first-child { border-left: 0; }

.ar-table__cell--grow {
	flex: 1 1 0;
	min-width: 0;
	align-items: flex-start;
	text-align: left;
}
.ar-table__cell--value {
	flex: 1 1 0;
	min-width: 0;
	font-weight: 600;
	color: var(--ar-green);
	align-items: flex-end;
	text-align: right;
}
.ar-table__cell--var {
	width: 112px;
	flex-shrink: 0;
	align-items: center;
	justify-content: center;
}

/* Célula com preço + variação inline na mesma linha */
.ar-table__cell--inline {
	flex-direction: row;
	align-items: center;
	gap: 8px;
	justify-content: flex-end;
}
.ar-table__cell--inline .ar-table__price {
	font-weight: 700;
	color: var(--ar-green);
	font-size: 15px;
}

/* Moeda: flag + codigo lado a lado — 50/50 com a coluna de cotação */
.ar-table__cell--flag-col {
	flex: 1 1 0;
	min-width: 0;
	flex-direction: row;
	gap: 10px;
	align-items: center;
	justify-content: flex-start;
	text-align: left;
	color: var(--ar-gray);
	font-weight: 600;
	letter-spacing: 0.02em;
}

.ar-table__label {
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	color: var(--ar-gray);
	line-height: 1.2;
}

.ar-table__unit {
	font-size: 11px;
	font-weight: 500;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: rgba(45, 45, 45, 0.55);
	margin-top: 4px;
}

.ar-table__flag {
	width: 24px;
	height: 24px;
	border-radius: 50%;
	flex-shrink: 0;
}

/* Cabeçalho verde */
.ar-table__row--head { background-color: var(--ar-green); border-top: 0; }
.ar-table__row--head .ar-table__cell {
	padding: 14px 16px;
	font-weight: 600;
	font-size: 13px;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: #ffffff;
	min-height: 48px;
	border-left: 1px solid rgba(252, 238, 212, 0.15);
}
.ar-table__row--head .ar-table__cell:first-child { border-left: 0; }

/* ----- Variação (badge) ----- */
.ar-variation {
	display: inline-flex;
	align-items: center;
	gap: 2px;
	padding: 4px 8px;
	border-radius: 999px;
	font-size: 12px;
	font-weight: 600;
	line-height: 1;
	white-space: nowrap;
}
.ar-variation i { font-size: 14px; margin: -2px 0; }

.ar-variation--up {
	background-color: rgba(26, 127, 55, 0.12);
	color: #126c2e;
}
.ar-variation--down {
	background-color: rgba(207, 34, 46, 0.12);
	color: #a81b25;
}
.ar-variation--neutral {
	background-color: rgba(45, 45, 45, 0.08);
	color: rgba(45, 45, 45, 0.6);
}

/* Compat: ícone de seta simples (usado fora de badges) */
.ar-trend { font-size: 14px; line-height: 1; }
.ar-trend--up   { color: #1a7f37; }
.ar-trend--down { color: #cf222e; }

.ar-table__cell--empty {
	padding: 20px;
	text-align: center;
	color: rgba(45, 45, 45, 0.5);
	font-style: italic;
	font-size: 13px;
	align-items: center;
	justify-content: center;
	min-height: 80px;
	flex-direction: row;
	width: 100%;
}

/* Responsivo: tablet reduz colunas */
@media (max-width: 991.98px) {
	.ar-table__cell { padding: 12px 14px; font-size: 14px; }
}

/* Mobile estreito */
@media (max-width: 575.98px) {
	.ar-table__row--head .ar-table__cell { font-size: 11px; padding: 10px 14px; }
	.ar-table__cell { padding: 10px 14px; }
	.ar-table__label { font-size: 13px; }
	.ar-table__unit  { font-size: 10px; margin-top: 2px; }
	.ar-table__cell--inline { gap: 6px; flex-wrap: wrap; justify-content: flex-end; }
	.ar-table__cell--inline .ar-table__price { font-size: 14px; }
	.ar-variation { padding: 3px 6px; font-size: 11px; }
}

.ar-table__footer {
	font-size: 14px;
	font-weight: 500;
	color: rgba(45, 45, 45, 0.6);
	margin: 16px 0 0 0;
}

/* Ajustes mobile — encolhe colunas pra caber compra/venda */
@media (max-width: 991.98px) {
	.ar-table__cell { padding: 16px; }
	.ar-table__cell--flag-col { width: 120px; padding: 16px 12px; }
	.ar-table__cell--trend { padding: 16px 12px; }
	.ar-table__row--head .ar-table__cell { padding: 20px 16px; font-size: 16px; }
	.ar-table__row--head .ar-table__cell--flag-col { padding: 20px 16px; }
}

/* Banner lateral na desktop da cotações.
   Desktop: altura 446px (cobre variações). Mobile: altura natural. */
.ar-cotacoes__promo {
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 8px;
	overflow: hidden;
	background-color: #ebebeb;
}

.ar-cotacoes__promo img {
	width: 100%;
	height: auto;
	display: block;
}

@media (min-width: 992px) {
	.ar-cotacoes__promo { height: 446px; }
	.ar-cotacoes__promo img { height: 100%; object-fit: cover; }
}

/* =========================================================
   TABS (Navegue por culturas)
   ========================================================= */
.ar-tabs {
	width: 100%;
}

.ar-tabs__scroll {
	display: flex;
	align-items: center;
	gap: 0;
	overflow-x: auto;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none;
	scroll-behavior: smooth;
}

.ar-tabs__scroll::-webkit-scrollbar { display: none; }

.ar-tabs__item {
	flex-shrink: 0;
	border: 0;
	background: transparent;
	color: var(--ar-gray);
	font-family: var(--bs-font-sans-serif);
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	padding: 8px 16px;
	border-radius: 8px;
	cursor: pointer;
	white-space: nowrap;
	transition: background-color .2s ease, color .2s ease;
}

.ar-tabs__item:hover { background-color: rgba(0, 94, 38, 0.08); }

.ar-tabs__item.is-active {
	background-color: var(--ar-green);
	color: var(--ar-beige);
}

@media (min-width: 992px) {
	.ar-tabs__scroll { overflow: visible; flex-wrap: wrap; }
}

/* =========================================================
   SWIPER
   ========================================================= */
.ar-swiper { width: 100%; }
.ar-swiper .swiper-slide { height: auto; display: flex; }
.ar-swiper .swiper-slide > * { width: 100%; }
.ar-swiper .swiper-pagination { position: static; margin-top: 24px; }
.ar-swiper .swiper-pagination-bullet {
	width: 10px; height: 10px;
	background-color: rgba(45, 45, 45, 0.3);
	opacity: 1;
	margin: 0 4px !important;
}
.ar-swiper .swiper-pagination-bullet-active { background-color: var(--ar-green); }

/* =========================================================
   AD BANNER
   ========================================================= */
.ar-promo {
	padding: 24px 0;
	background-color: var(--ar-beige-2);
}
.ar-promo a {
	display: block;
	width: 100%;
}
.ar-promo__img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: 8px;
	object-fit: cover;
}

/* Dois slots lado a lado no desktop, empilhados no mobile. */
.ar-promo--duo { padding-top: 24px; padding-bottom: 48px; }
@media (min-width: 992px) {
	.ar-promo--duo { padding: 24px 0 64px; }
	.ar-promo--duo .ar-promo__img { height: 150px; }
}

/* =========================================================
   PUBLICAÇÕES — cabeçalho (título + busca)
   ========================================================= */
.ar-publicacoes__header {
	display: flex;
	flex-direction: column;
	gap: 16px;
}
@media (min-width: 992px) {
	.ar-publicacoes__header {
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
		gap: 24px;
	}
}

.ar-search-inline {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	width: 100%;
	background-color: #ffffff;
	border: 1px solid var(--bs-border-color);
	border-radius: 8px;
	padding: 10px 14px;
	transition: border-color .2s ease, box-shadow .2s ease;
}
.ar-search-inline:focus-within {
	border-color: var(--ar-green);
	box-shadow: 0 0 0 3px rgba(0, 94, 38, 0.12);
}
.ar-search-inline__icon {
	color: rgba(45, 45, 45, 0.6);
	font-size: 16px;
	line-height: 1;
	flex-shrink: 0;
}
.ar-search-inline__input {
	flex: 1 1 auto;
	min-width: 0;
	border: 0;
	outline: 0;
	background: transparent;
	font-family: var(--bs-font-sans-serif);
	font-size: 14px;
	color: var(--ar-gray);
	padding: 0;
}
.ar-search-inline__input::placeholder { color: rgba(45, 45, 45, 0.5); }
@media (min-width: 992px) {
	.ar-search-inline { width: 380px; flex-shrink: 0; }
}

/* =========================================================
   FILTRO — Categorias (tabs) + Cultura (dropdown compacto)
   ========================================================= */
.ar-filter-bar {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 12px;
	padding-bottom: 12px;
	border-bottom: 1px solid var(--bs-border-color);
}

/* Dropdown de cultura */
.ar-cultura-filter {
	position: relative;
	align-self: flex-start;
}
@media (min-width: 992px) {
	.ar-cultura-filter { align-self: auto; flex-shrink: 0; }
}

.ar-cultura-filter__toggle {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 8px 14px;
	background-color: #ffffff;
	border: 1px solid var(--bs-border-color);
	border-radius: 999px;
	font-family: var(--bs-font-sans-serif);
	font-size: 14px;
	color: var(--ar-gray);
	cursor: pointer;
	white-space: nowrap;
	transition: border-color .2s ease, box-shadow .2s ease;
}
.ar-cultura-filter__toggle:hover,
.ar-cultura-filter.is-open .ar-cultura-filter__toggle {
	border-color: var(--ar-green);
	color: var(--ar-green);
}
.ar-cultura-filter__toggle > i.bi-funnel {
	font-size: 14px;
	color: var(--ar-green);
}
.ar-cultura-filter__prefix {
	font-weight: 500;
	color: rgba(45, 45, 45, 0.6);
}
.ar-cultura-filter__current {
	font-weight: 600;
	color: var(--ar-green);
}
.ar-cultura-filter__caret {
	font-size: 12px;
	transition: transform .2s ease;
}
.ar-cultura-filter.is-open .ar-cultura-filter__caret {
	transform: rotate(180deg);
}

.ar-cultura-filter__menu {
	position: absolute;
	top: calc(100% + 8px);
	right: 0;
	min-width: 220px;
	max-height: 320px;
	overflow-y: auto;
	background-color: #ffffff;
	border: 1px solid var(--bs-border-color);
	border-radius: 12px;
	box-shadow: 0 12px 32px rgba(0, 42, 17, 0.12);
	padding: 6px;
	display: none;
	z-index: 30;
}
.ar-cultura-filter.is-open .ar-cultura-filter__menu { display: block; }
@media (max-width: 991.98px) {
	.ar-cultura-filter__menu { left: 0; right: auto; min-width: 100%; }
}

/* Itens do dropdown — override do estilo padrão .ar-tabs__item */
.ar-cultura-filter__menu .ar-tabs__item {
	display: block;
	width: 100%;
	text-align: left;
	padding: 10px 14px;
	border-radius: 8px;
	background-color: transparent;
	color: var(--ar-gray);
	font-weight: 500;
	margin: 0;
}
.ar-cultura-filter__menu .ar-tabs__item:hover {
	background-color: rgba(0, 94, 38, 0.08);
	color: var(--ar-gray);
}
.ar-cultura-filter__menu .ar-tabs__item.is-active {
	background-color: rgba(0, 94, 38, 0.12);
	color: var(--ar-green);
	font-weight: 600;
}

/* =========================================================
   PAGINAÇÃO
   ========================================================= */
.ar-pagination { display: flex; justify-content: center; }

.ar-pagination__list {
	display: flex;
	align-items: center;
	gap: 16px;
	list-style: none;
	padding: 0;
	margin: 0;
}
@media (max-width: 575.98px) {
	.ar-pagination__list { gap: 8px; }
}

.ar-pagination__item,
.ar-pagination__nav {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 36px;
	border: 1px solid var(--bs-border-color);
	border-radius: 8px;
	background-color: #ffffff;
	color: var(--ar-gray);
	font-family: var(--bs-font-sans-serif);
	font-weight: 500;
	font-size: 14px;
	line-height: 1;
	text-decoration: none;
	transition: background-color .2s ease, border-color .2s ease, color .2s ease;
}

.ar-pagination__item:hover,
.ar-pagination__nav:hover {
	border-color: var(--ar-green);
	color: var(--ar-green);
}

.ar-pagination__item.is-active {
	background-color: var(--ar-beige);
	border-color: var(--ar-green);
	color: var(--ar-green);
	font-weight: 600;
}

.ar-pagination__dots {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 36px;
	color: rgba(45, 45, 45, 0.5);
	font-size: 14px;
	line-height: 1;
}

/* =========================================================
   SINGLE POST — Hero
   ========================================================= */
.ar-post-hero {
	background-color: var(--ar-beige-2);
	padding: 24px 0 32px;
}
@media (min-width: 992px) {
	.ar-post-hero { padding: 32px 0 40px; }
}

.ar-post-hero__container {
	display: flex;
	flex-direction: column;
	gap: 24px;
}
@media (min-width: 992px) {
	.ar-post-hero__container { gap: 32px; }
}

/* Breadcrumbs */
.ar-breadcrumbs { font-family: var(--bs-font-sans-serif); }
.ar-breadcrumbs__list {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	list-style: none;
	padding: 0;
	margin: 0;
	font-size: 13px;
	line-height: 1.4;
	color: rgba(45, 45, 45, 0.6);
}
.ar-breadcrumbs__item {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	min-width: 0;
}
.ar-breadcrumbs__item a {
	color: rgba(45, 45, 45, 0.6);
	text-decoration: none;
	transition: color .2s ease;
}
.ar-breadcrumbs__item a:hover { color: var(--ar-green); }
.ar-breadcrumbs__item span[aria-current] {
	color: var(--ar-gray);
	font-weight: 500;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: 420px;
}
.ar-breadcrumbs__sep { font-size: 10px; color: rgba(45, 45, 45, 0.3); }

/* Hero head */
.ar-post-hero__head {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.ar-post-hero__badges {
	display: inline-flex;
	flex-wrap: wrap;
	gap: 8px;
	align-self: flex-start;
}
.ar-post-hero__category,
.ar-post-hero__cultura {
	display: inline-flex;
	align-items: center;
	padding: 6px 14px;
	border-radius: 999px;
	font-family: var(--bs-font-sans-serif);
	font-weight: 600;
	font-size: 13px;
	line-height: 1;
	text-transform: uppercase;
	letter-spacing: 0.02em;
	text-decoration: none;
	transition: background-color .2s ease, color .2s ease, border-color .2s ease;
}
.ar-post-hero__category {
	background-color: var(--ar-green);
	color: var(--ar-beige);
}
.ar-post-hero__category:hover {
	background-color: var(--ar-green-hover);
	color: var(--ar-beige);
}
.ar-post-hero__cultura {
	background-color: transparent;
	color: var(--ar-green);
	border: 1px solid var(--ar-green);
}
.ar-post-hero__cultura:hover {
	background-color: var(--ar-green);
	color: var(--ar-beige);
}

.ar-post-hero__title {
	font-family: var(--ar-font-display);
	color: var(--ar-green);
	font-weight: 400;
	font-size: 28px;
	line-height: 1.2;
	margin: 0;
}
@media (min-width: 768px) { .ar-post-hero__title { font-size: 36px; } }
@media (min-width: 992px) { .ar-post-hero__title { font-size: 44px; line-height: 1.15; max-width: 900px; } }

.ar-post-hero__subtitle {
	font-family: var(--bs-font-sans-serif);
	font-size: 16px;
	line-height: 1.5;
	color: var(--ar-gray);
	margin: 0;
	max-width: 900px;
}
@media (min-width: 992px) { .ar-post-hero__subtitle { font-size: 18px; } }

/* Featured image */
.ar-post-hero__image {
	margin: 0;
	border-radius: 20px;
	overflow: hidden;
	aspect-ratio: 4 / 3;
	background-color: var(--ar-bg-card);
	width: 100%;
}
.ar-post-hero__image img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
@media (min-width: 768px) {
	.ar-post-hero__image { aspect-ratio: 16 / 9; }
}
@media (min-width: 992px) {
	.ar-post-hero__image { aspect-ratio: 16 / 9; max-height: 640px; }
}

/* =========================================================
   POST META BAR (author + date + read time + share)
   ========================================================= */
.ar-post-meta {
	display: flex;
	flex-direction: column;
	gap: 16px;
	padding: 16px 0;
	border-top: 1px solid var(--bs-border-color);
	border-bottom: 1px solid var(--bs-border-color);
}
@media (min-width: 768px) {
	.ar-post-meta {
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
		gap: 24px;
	}
}

.ar-post-meta__info {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 12px 16px;
	font-family: var(--bs-font-sans-serif);
	font-size: 14px;
	color: var(--ar-gray);
}

.ar-post-meta__author {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	color: var(--ar-gray);
	font-weight: 600;
	text-decoration: none;
	transition: color .2s ease;
}
.ar-post-meta__author:hover { color: var(--ar-green); }

.ar-post-meta__avatar {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background-color: var(--ar-green);
	color: var(--ar-beige);
	overflow: hidden;
	flex-shrink: 0;
	font-weight: 600;
	font-size: 13px;
}
.ar-post-meta__avatar img,
.ar-post-meta__avatar-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 50%;
}

.ar-post-meta__sep {
	display: none;
	width: 1px;
	height: 16px;
	background-color: var(--bs-border-color);
}
@media (min-width: 576px) { .ar-post-meta__sep { display: inline-block; } }

.ar-post-meta__date,
.ar-post-meta__read {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	color: rgba(45, 45, 45, 0.7);
}
.ar-post-meta__date i,
.ar-post-meta__read i { color: var(--ar-green); font-size: 16px; }

/* =========================================================
   SHARE (botões de compartilhamento)
   ========================================================= */
.ar-share {
	display: inline-flex;
	align-items: center;
	gap: 16px;
	flex-wrap: wrap;
}
.ar-share__label {
	font-family: var(--bs-font-sans-serif);
	font-size: 14px;
	font-weight: 500;
	color: var(--ar-gray);
}
.ar-share__list {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	list-style: none;
	padding: 0;
	margin: 0;
}
.ar-share__btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	background-color: var(--ar-green);
	color: #ffffff;
	border-radius: 8px;
	font-size: 16px;
	line-height: 1;
	transition: background-color .2s ease, transform .2s ease;
}
.ar-share__btn:hover {
	background-color: var(--ar-green-hover);
	color: #ffffff;
	transform: translateY(-1px);
}

/* =========================================================
   POST BODY + TAGS + FOOTER
   ========================================================= */
.ar-post-body {
	background-color: var(--ar-beige-2);
	padding: 24px 0 32px;
}
@media (min-width: 992px) {
	.ar-post-body { padding: 24px 0 48px; }
}


.ar-post-tags {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px 12px;
}
.ar-post-tags__label {
	font-family: var(--bs-font-sans-serif);
	font-weight: 600;
	font-size: 14px;
	color: var(--ar-gray);
}
.ar-post-tags__list {
	display: inline-flex;
	flex-wrap: wrap;
	gap: 8px;
	list-style: none;
	padding: 0;
	margin: 0;
}
.ar-post-tags__tag {
	display: inline-flex;
	align-items: center;
	padding: 6px 12px;
	border: 1px solid var(--ar-green);
	border-radius: 999px;
	color: var(--ar-green);
	font-family: var(--bs-font-sans-serif);
	font-size: 13px;
	font-weight: 500;
	text-decoration: none;
	transition: background-color .2s ease, color .2s ease;
}
.ar-post-tags__tag:hover {
	background-color: var(--ar-green);
	color: var(--ar-beige);
}

.ar-post-footer {
	display: flex;
	flex-direction: column;
	gap: 16px;
	padding-top: 16px;
	border-top: 1px solid var(--bs-border-color);
}

/* Prev/Next post navigation */
.ar-post-nav {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 16px;
	padding-top: 16px;
	border-top: 1px solid var(--bs-border-color);
}
.ar-post-nav__side--next { justify-self: end; text-align: right; }
.ar-post-nav__link {
	display: inline-flex;
	align-items: center;
	gap: 12px;
	color: var(--ar-gray);
	text-decoration: none;
	max-width: 100%;
	transition: color .2s ease;
}
.ar-post-nav__link:hover { color: var(--ar-green); }
.ar-post-nav__side--next .ar-post-nav__link { flex-direction: row-reverse; text-align: right; }
.ar-post-nav__link i { font-size: 14px; color: var(--ar-green); }
.ar-post-nav__text {
	display: inline-flex;
	flex-direction: column;
	min-width: 0;
}
.ar-post-nav__label {
	font-family: var(--bs-font-sans-serif);
	font-size: 13px;
	font-weight: 500;
	color: rgba(45, 45, 45, 0.6);
	text-transform: uppercase;
	letter-spacing: 0.04em;
}
.ar-post-nav__title {
	font-family: var(--bs-font-sans-serif);
	font-size: 14px;
	color: var(--ar-gray);
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	line-clamp: 1;
	-webkit-box-orient: vertical;
}

/* =========================================================
   POST RELATED ("Leia mais")
   ========================================================= */
.ar-post-related {
	background-color: var(--ar-beige-2);
	padding: 32px 0;
}
@media (min-width: 992px) {
	.ar-post-related { padding: 24px 0 48px; }
}

/* =========================================================
   AR-PROSE — estilos do the_content (editor WYSIWYG)
   Aplica-se a .ar-prose e .entry-content (escopo do post).
   ========================================================= */
.ar-prose {
	font-family: var(--bs-font-sans-serif);
	font-size: 16px;
	line-height: 1.7;
	color: var(--ar-gray);
	max-width: 900px;
}
@media (min-width: 992px) { .ar-prose { font-size: 17px; } }

.ar-prose > * + * { margin-top: 1em; }
.ar-prose > *:first-child { margin-top: 0; }

/* Headings */
.ar-prose h1,
.ar-prose h2,
.ar-prose h3,
.ar-prose h4,
.ar-prose h5,
.ar-prose h6 {
	font-family: var(--ar-font-display);
	color: var(--ar-green);
	font-weight: 400;
	line-height: 1.2;
	margin-top: 1.8em;
	margin-bottom: 0.5em;
	letter-spacing: -0.01em;
}
.ar-prose h1 { font-size: 2em; }
.ar-prose h2 { font-size: 1.65em; }
.ar-prose h3 { font-size: 1.35em; font-family: var(--bs-font-sans-serif); font-weight: 600; color: var(--ar-gray); }
.ar-prose h4 { font-size: 1.15em; font-family: var(--bs-font-sans-serif); font-weight: 600; color: var(--ar-gray); }
.ar-prose h5 { font-size: 1em; font-family: var(--bs-font-sans-serif); font-weight: 600; color: var(--ar-gray); text-transform: uppercase; letter-spacing: 0.04em; }
.ar-prose h6 { font-size: 0.875em; font-family: var(--bs-font-sans-serif); font-weight: 600; color: rgba(45, 45, 45, 0.7); text-transform: uppercase; letter-spacing: 0.04em; }

.ar-prose h1:first-child,
.ar-prose h2:first-child,
.ar-prose h3:first-child,
.ar-prose h4:first-child,
.ar-prose h5:first-child,
.ar-prose h6:first-child { margin-top: 0; }

/* Paragraphs */
.ar-prose p { margin: 0 0 1em 0; }
.ar-prose p:last-child { margin-bottom: 0; }
.ar-prose .has-drop-cap:first-letter {
	font-family: var(--ar-font-display);
	font-size: 3.2em;
	float: left;
	line-height: 0.9;
	margin: 0.1em 0.15em 0 0;
	color: var(--ar-green);
}

/* Lead paragraph (primeiro parágrafo do conteúdo, opcional via .has-lead ou primeiro filho) */
.ar-prose > p:first-of-type {
	font-size: 1.1em;
	color: var(--ar-gray);
}

/* Links */
.ar-prose a {
	color: var(--ar-green);
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 3px;
	transition: color .2s ease;
}
.ar-prose a:hover { color: var(--ar-green-hover); }

/* Strong / em */
.ar-prose strong, .ar-prose b { font-weight: 700; color: var(--ar-gray); }
.ar-prose em, .ar-prose i { font-style: italic; }
.ar-prose mark {
	background-color: rgba(252, 238, 212, 0.6);
	color: var(--ar-gray);
	padding: 0 4px;
	border-radius: 3px;
}
.ar-prose small { font-size: 0.875em; color: rgba(45, 45, 45, 0.7); }
.ar-prose sub, .ar-prose sup { font-size: 0.75em; }

/* Lists */
.ar-prose ul,
.ar-prose ol {
	margin: 0 0 1em 0;
	padding-left: 1.5em;
}
.ar-prose ul > li,
.ar-prose ol > li { margin-bottom: 0.4em; }
.ar-prose ul > li::marker { color: var(--ar-green); }
.ar-prose ol > li::marker { color: var(--ar-green); font-weight: 600; }
.ar-prose li > ul,
.ar-prose li > ol { margin-top: 0.4em; margin-bottom: 0; }

/* Blockquote */
.ar-prose blockquote {
	margin: 1.5em 0;
	padding: 20px 24px;
	background-color: var(--ar-bg-card);
	border-left: 4px solid var(--ar-green);
	border-radius: 0 12px 12px 0;
	font-style: italic;
	color: var(--ar-gray);
}
.ar-prose blockquote p { margin-bottom: 0.6em; }
.ar-prose blockquote p:last-child { margin-bottom: 0; }
.ar-prose blockquote cite {
	display: block;
	margin-top: 8px;
	font-style: normal;
	font-weight: 600;
	font-size: 0.9em;
	color: var(--ar-green);
}
.ar-prose blockquote cite::before { content: "— "; }

/* WP pullquote */
.ar-prose .wp-block-pullquote {
	padding: 24px;
	border-top: 2px solid var(--ar-green);
	border-bottom: 2px solid var(--ar-green);
	border-left: 0;
	border-radius: 0;
	background: transparent;
	text-align: center;
	font-family: var(--ar-font-display);
	font-size: 1.3em;
	font-style: normal;
	color: var(--ar-green);
}

/* Code & preformatted */
.ar-prose code,
.ar-prose kbd,
.ar-prose samp {
	font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;
	font-size: 0.9em;
	background-color: rgba(0, 94, 38, 0.08);
	color: var(--ar-green-dark);
	padding: 0.15em 0.4em;
	border-radius: 4px;
}
.ar-prose pre {
	margin: 1.5em 0;
	padding: 20px 24px;
	background-color: var(--ar-green-dark);
	color: var(--ar-beige);
	border-radius: 12px;
	overflow-x: auto;
	line-height: 1.5;
}
.ar-prose pre code {
	background: transparent;
	color: inherit;
	padding: 0;
	font-size: 0.875em;
}

/* HR */
.ar-prose hr {
	margin: 2em 0;
	border: 0;
	border-top: 1px solid var(--bs-border-color);
	opacity: 1;
}

/* Images, figures, galleries */
.ar-prose img {
	max-width: 100%;
	height: auto;
	border-radius: 12px;
	display: block;
}
.ar-prose figure {
	margin: 1.5em 0;
}
.ar-prose figure img { width: 100%; }
.ar-prose figcaption,
.ar-prose .wp-caption-text {
	margin-top: 8px;
	font-size: 0.875em;
	color: rgba(45, 45, 45, 0.7);
	text-align: center;
	font-style: italic;
}

/* Alinhamento de imagens WP */
.ar-prose .alignleft {
	float: left;
	margin: 0.25em 1.5em 1em 0;
	max-width: 50%;
}
.ar-prose .alignright {
	float: right;
	margin: 0.25em 0 1em 1.5em;
	max-width: 50%;
}
.ar-prose .aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.ar-prose .alignwide { margin-left: -40px; margin-right: -40px; max-width: none; }
.ar-prose .alignfull { margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); max-width: 100vw; border-radius: 0; }
.ar-prose .alignfull img { border-radius: 0; width: 100%; }
@media (max-width: 767.98px) {
	.ar-prose .alignleft,
	.ar-prose .alignright { float: none; margin-left: auto; margin-right: auto; max-width: 100%; }
	.ar-prose .alignwide { margin-left: 0; margin-right: 0; }
}

/* Tables */
.ar-prose .wp-block-table,
.ar-prose .table-responsive,
.ar-prose figure.wp-block-table { margin: 1.5em 0; overflow-x: auto; }
.ar-prose table {
	width: 100%;
	border-collapse: collapse;
	font-size: 0.95em;
	background-color: var(--ar-beige-2);
	border: 1px solid var(--bs-border-color);
	border-radius: 12px;
	overflow: hidden;
}
.ar-prose thead {
	background-color: var(--ar-green);
	color: var(--ar-beige);
}
.ar-prose th,
.ar-prose td {
	padding: 12px 16px;
	text-align: left;
	border-bottom: 1px solid var(--bs-border-color);
	vertical-align: top;
}
.ar-prose thead th { font-weight: 600; border-bottom: 0; }
.ar-prose tbody tr:nth-child(even) { background-color: var(--ar-bg-card); }
.ar-prose tbody tr:last-child td { border-bottom: 0; }

/* Embeds — YouTube, Vimeo, Twitter, etc. */
.ar-prose iframe,
.ar-prose embed,
.ar-prose object,
.ar-prose video {
	max-width: 100%;
	border-radius: 12px;
	display: block;
}
.ar-prose .wp-block-embed,
.ar-prose .wp-block-embed__wrapper {
	margin: 1.5em 0;
	position: relative;
}
.ar-prose .wp-block-embed-youtube .wp-block-embed__wrapper,
.ar-prose .wp-block-embed-vimeo .wp-block-embed__wrapper,
.ar-prose .wp-block-embed.is-type-video .wp-block-embed__wrapper {
	position: relative;
	padding-top: 56.25%;
	border-radius: 12px;
	overflow: hidden;
	background-color: #000;
}
.ar-prose .wp-block-embed-youtube iframe,
.ar-prose .wp-block-embed-vimeo iframe,
.ar-prose .wp-block-embed.is-type-video iframe {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	border: 0;
}

/* Gutenberg columns/groups spacing */
.ar-prose .wp-block-columns { display: flex; flex-wrap: wrap; gap: 24px; margin: 1.5em 0; }
.ar-prose .wp-block-column { flex: 1 1 200px; min-width: 0; }

.ar-prose .wp-block-group,
.ar-prose .wp-block-separator { margin: 1.5em 0; }

/* Buttons */
.ar-prose .wp-block-button__link,
.ar-prose .wp-block-buttons a {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 12px 24px;
	background-color: var(--ar-green);
	color: var(--ar-beige);
	border-radius: 8px;
	font-weight: 500;
	text-decoration: none;
	transition: background-color .2s ease;
}
.ar-prose .wp-block-button__link:hover { background-color: var(--ar-green-hover); color: var(--ar-beige); }
.ar-prose .wp-block-button.is-style-outline .wp-block-button__link {
	background: transparent;
	color: var(--ar-green);
	border: 1px solid var(--ar-green);
}
.ar-prose .wp-block-button.is-style-outline .wp-block-button__link:hover {
	background-color: var(--ar-green);
	color: var(--ar-beige);
}

/* Caixa de destaque/aviso (wp-block-group com background) */
.ar-prose .has-background {
	padding: 20px 24px;
	border-radius: 12px;
}

/* wp_link_pages */
.ar-prose__pagination {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	margin-top: 2em;
	padding-top: 1.5em;
	border-top: 1px solid var(--bs-border-color);
	font-size: 14px;
}
.ar-prose__pagination a,
.ar-prose__pagination > span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 32px;
	height: 32px;
	padding: 0 10px;
	border-radius: 6px;
	background-color: var(--ar-bg-card);
	color: var(--ar-gray);
	font-weight: 500;
	text-decoration: none;
	border: 1px solid var(--bs-border-color);
}
.ar-prose__pagination a:hover { border-color: var(--ar-green); color: var(--ar-green); }

/* =========================================================
   PAGE — header simples (sem imagem) + body com prose
   ========================================================= */
.ar-page-header {
	background-color: var(--ar-beige-2);
	padding: 48px 0 24px;
}
@media (min-width: 992px) {
	.ar-page-header { padding: 80px 0 40px; }
}
.ar-page-header__title {
	font-family: var(--ar-font-display);
	color: var(--ar-green);
	font-size: 32px;
	line-height: 1.15;
	font-weight: 400;
	margin: 0;
}
@media (min-width: 992px) {
	.ar-page-header__title { font-size: 48px; }
}

.ar-page-body {
	background-color: var(--ar-beige-2);
	padding: 24px 0 48px;
}
@media (min-width: 992px) {
	.ar-page-body { padding: 24px 0 96px; }
}
.ar-page-body .ar-prose {
	margin: 0 auto;
	max-width: 820px;
}

/* =========================================================
   PAGE HERO — padrão da home (.ar-hero), overlay preto 20%.
   Usado em sobre, parceiros, contato, CNA.
   ========================================================= */
.ar-page-hero {
	position: relative;
	overflow: hidden;
	color: #ffffff;
	padding-block: 64px;
	min-height: 240px;
	display: flex;
	align-items: center;
}
@media (min-width: 992px) { .ar-page-hero {min-height: 360px;} }

.ar-page-hero__bg,
.ar-page-hero__overlay {
	position: absolute;
	inset: 0;
	pointer-events: none;
}
.ar-page-hero__bg { z-index: 0; }
.ar-page-hero__bg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center top;
	display: block;
}
.ar-page-hero__overlay {
	background-color: rgb(0 0 0 / 50%);
	z-index: 1;
}

.ar-page-hero__inner {
	position: relative;
	z-index: 2;
	display: flex;
	flex-direction: column;
	gap: 16px;
}
.ar-page-hero--centered .ar-page-hero__inner {
	align-items: center;
	text-align: center;
}

.ar-page-hero__eyebrow {
	font-family: var(--bs-font-sans-serif);
	font-weight: 600;
	font-size: 18px;
	line-height: 22.1px;
	text-transform: uppercase;
	color: #ffffff;
	margin: 0;
}

.ar-page-hero__title {
	font-family: var(--ar-font-display);
	color: var(--ar-beige-2);
	font-size: 32px;
	line-height: 40px;
	font-weight: 700;
	margin: 0;
	max-width: 100%;
}
@media (min-width: 992px) {
	.ar-page-hero__title { font-size: 56px; line-height: 64px; max-width: 608px; }
	.ar-page-hero--centered .ar-page-hero__title { max-width: 720px; }
}

/* =========================================================
   CONTATO — canais + form
   ========================================================= */
.ar-contato {
	background-color: var(--ar-beige-2);
	padding: 40px 0 64px;
}
@media (min-width: 992px) {
	.ar-contato { padding: 72px 0 96px; }
}

.ar-contato__title {
	font-family: var(--bs-font-sans-serif);
	color: var(--ar-green);
	font-size: 20px;
	font-weight: 600;
	line-height: 1.3;
	margin: 0 0 12px;
}
.ar-contato__description {
	font-family: var(--bs-font-sans-serif);
	font-size: 15px;
	line-height: 1.6;
	color: var(--ar-gray);
	margin: 0 0 32px;
	max-width: 380px;
}

.ar-contato__channels {
	display: flex;
	flex-direction: column;
	gap: 20px;
	margin-bottom: 40px;
}
.ar-contato__channel {
	display: flex;
	align-items: center;
	gap: 14px;
	color: var(--ar-gray);
	text-decoration: none;
	transition: opacity .2s ease;
}
.ar-contato__channel:hover {
	opacity: .85;
	color: var(--ar-gray);
}
.ar-contato__channel-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border-radius: 10px;
	background-color: var(--ar-green);
	color: var(--ar-beige);
	font-size: 18px;
	flex-shrink: 0;
}
.ar-contato__channel-body {
	display: flex;
	flex-direction: column;
	gap: 2px;
}
.ar-contato__channel-label {
	font-family: var(--bs-font-sans-serif);
	font-weight: 600;
	font-size: 14px;
	color: var(--ar-green);
	line-height: 1.2;
}
.ar-contato__channel-value {
	font-family: var(--bs-font-sans-serif);
	font-size: 15px;
	color: var(--ar-gray);
	line-height: 1.4;
}

.ar-contato__socials-title {
	font-family: var(--bs-font-sans-serif);
	font-weight: 600;
	font-size: 16px;
	color: var(--ar-green);
	margin: 0 0 14px;
}
.ar-contato__socials {
	display: flex;
	gap: 10px;
	list-style: none;
	padding: 0;
	margin: 0;
}
.ar-contato__socials a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	background-color: transparent;
	color: var(--ar-green);
	border: 1px solid rgba(0, 94, 38, 0.35);
	border-radius: 8px;
	font-size: 16px;
	transition: background-color .2s ease, color .2s ease, border-color .2s ease;
}
.ar-contato__socials a:hover {
	background-color: var(--ar-green);
	border-color: var(--ar-green);
	color: var(--ar-beige);
}

.ar-contato__form-card {
	background-color: #f3f4f2;
	border: 0;
	border-radius: 16px;
	padding: 28px 24px;
}
@media (min-width: 992px) {
	.ar-contato__form-card { padding: 40px; }
}
.ar-contato__form-card .ar-form input[type="text"],
.ar-contato__form-card .ar-form input[type="email"],
.ar-contato__form-card .ar-form input[type="tel"],
.ar-contato__form-card .ar-form input[type="url"],
.ar-contato__form-card .ar-form input[type="number"],
.ar-contato__form-card .ar-form select,
.ar-contato__form-card .ar-form textarea {
	background-color: #ffffff;
	border-color: rgba(45, 45, 45, 0.08);
	border-radius: 10px;
}
.ar-contato__form-card .ar-form__field label {
	font-weight: 600;
	color: var(--ar-gray);
}
.ar-contato__form-card .ar-form__submit {
	font-size: 16px;
	font-weight: 600;
	padding: 16px 24px;
	min-height: 56px;
}

/* =========================================================
   SOBRE — Bloco unificado Origem + Motivação
   ========================================================= */
.ar-sobre-bloco {
	background-color: var(--ar-beige-2);
	color: var(--ar-gray);
	padding: 48px 0;
}
@media (min-width: 992px) { .ar-sobre-bloco { padding: 80px 0; } }

.ar-sobre-bloco__eyebrow {
	font-family: var(--bs-font-sans-serif);
	font-weight: 600;
	font-size: 12px;
	letter-spacing: 0.2em;
	color: rgba(45, 45, 45, 0.55);
	margin: 0 0 12px;
	text-transform: uppercase;
}
.ar-sobre-bloco__title {
	font-family: var(--ar-font-display);
	font-size: 32px;
	font-weight: 400;
	line-height: 1.15;
	color: var(--ar-green);
	margin: 0 0 20px;
}
@media (min-width: 992px) { .ar-sobre-bloco__title { font-size: 40px; } }
.ar-sobre-bloco__text p {
	font-family: var(--bs-font-sans-serif);
	font-size: 15px;
	line-height: 1.7;
	color: var(--ar-gray);
	margin: 0 0 16px;
	max-width: 640px;
}
.ar-sobre-bloco__text p strong {
	color: var(--ar-gray);
	font-weight: 700;
}

/* Cards com imagem de fundo */
.ar-sobre-media {
	position: relative;
	width: 100%;
	border-radius: 20px;
	overflow: hidden;
	background-size: cover;
	background-position: center;
	background-color: var(--ar-green-dark);
	display: flex;
	padding: 20px;
}
.ar-sobre-media--origem {
	aspect-ratio: 5 / 6;
	align-items: flex-end;
	justify-content: center;
}
.ar-sobre-media--motivacao {
	aspect-ratio: 6 / 5;
	align-items: center;
	justify-content: center;
}

/* Glass box sobre imagem — com borda interna */
.ar-glass-box {
	position: relative;
	width: 100%;
	max-width: 340px;
	padding: 18px 22px;
	border-radius: 12px;
	background-color: rgba(12, 30, 18, 0.45);
	border: 1px solid rgba(255, 255, 255, 0.28);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	color: #ffffff;
	text-align: center;
}
.ar-glass-box::after {
	content: "";
	position: absolute;
	inset: 4px;
	border: 1px solid rgba(255, 255, 255, 0.2);
	border-radius: 8px;
	pointer-events: none;
}
.ar-glass-box--center {
	padding: 28px 24px;
	max-width: 360px;
}
.ar-glass-box__tag {
	display: block;
	font-family: var(--bs-font-sans-serif);
	font-weight: 700;
	font-size: 13px;
	letter-spacing: 0.22em;
	color: #ffffff;
	text-transform: uppercase;
	margin-bottom: 12px;
}
.ar-glass-box__text {
	font-family: var(--bs-font-sans-serif);
	font-size: 14px;
	line-height: 1.5;
	color: #ffffff;
	font-weight: 500;
	margin: 0;
}
@media (min-width: 992px) {
	.ar-glass-box__text { font-size: 15px; }
}

/* =========================================================
   SOBRE — Diferenciais (grid 3x2 com ícone estrela)
   ========================================================= */
.ar-sobre-uniques {
	background-color: var(--ar-bg-card);
	border-top: 1px solid #f0e5d5;
	padding: 56px 0;
}
@media (min-width: 992px) { .ar-sobre-uniques { padding: 88px 0; } }
.ar-sobre-uniques__header {
	text-align: center;
	max-width: 720px;
	margin: 0 auto 48px;
	display: flex;
	flex-direction: column;
	gap: 12px;
}
.ar-sobre-uniques__eyebrow {
	font-family: var(--bs-font-sans-serif);
	font-weight: 600;
	font-size: 12px;
	letter-spacing: 0.2em;
	color: rgba(45, 45, 45, 0.6);
	margin: 0;
	text-transform: uppercase;
}
.ar-sobre-uniques__title {
	font-family: var(--ar-font-display);
	font-size: 32px;
	font-weight: 400;
	color: var(--ar-green);
	margin: 0;
}
@media (min-width: 992px) { .ar-sobre-uniques__title { font-size: 40px; } }
.ar-sobre-uniques__subtitle {
	font-family: var(--bs-font-sans-serif);
	font-size: 15px;
	line-height: 1.6;
	color: var(--ar-gray);
	margin: 0;
}
.ar-sobre-unique {
	display: flex;
	flex-direction: column;
	gap: 12px;
	padding: 28px 24px;
	background-color: var(--ar-beige-2);
	border: 1px solid rgba(0, 94, 38, 0.12);
	border-radius: 16px;
	width: 100%;
}
.ar-sobre-unique__icon {
	width: 22px;
	height: 22px;
	margin-bottom: 4px;
}
.ar-sobre-unique__title {
	font-family: var(--bs-font-sans-serif);
	font-weight: 600;
	font-size: 17px;
	color: var(--ar-green);
	margin: 0;
}
.ar-sobre-unique__text {
	font-family: var(--bs-font-sans-serif);
	font-size: 14px;
	line-height: 1.6;
	color: var(--ar-gray);
	margin: 0;
}

/* =========================================================
   SOBRE — pilares (banner verde)
   ========================================================= */
.ar-sobre-pilares {
	background-color: var(--ar-green);
	color: var(--ar-beige);
	padding: 48px 0;
}
@media (min-width: 992px) { .ar-sobre-pilares { padding: 72px 0; } }
.ar-sobre-pilares__header {
	text-align: center;
	margin-bottom: 32px;
	display: flex;
	flex-direction: column;
	gap: 8px;
}
.ar-sobre-pilares__eyebrow {
	font-family: var(--bs-font-sans-serif);
	font-weight: 600;
	font-size: 12px;
	letter-spacing: 0.2em;
	color: var(--ar-beige);
	margin: 0;
	text-transform: uppercase;
}
.ar-sobre-pilares__title {
	font-family: var(--ar-font-display);
	font-size: 32px;
	font-weight: 400;
	color: var(--ar-beige);
	margin: 0;
}
@media (min-width: 992px) { .ar-sobre-pilares__title { font-size: 40px; } }
.ar-sobre-pilar {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	padding: 18px 20px;
	background-color: rgba(252, 238, 212, 0.08);
	border: 1px solid rgba(252, 238, 212, 0.18);
	border-radius: 12px;
	color: var(--ar-beige);
	width: 100%;
}
.ar-sobre-pilar__icon {
	width: 18px;
	height: 18px;
	flex-shrink: 0;
	margin-top: 2px;
	filter: brightness(0) invert(1);
}
.ar-sobre-pilar__title {
	font-family: var(--bs-font-sans-serif);
	font-weight: 500;
	font-size: 15px;
	line-height: 1.35;
	color: #ffffff;
	margin: 0;
}

/* =========================================================
   SOBRE — "Nossos Pilares" (pills verde esperança)
   ========================================================= */
.ar-sobre-valores {
	background-color: #fffdfb;
	padding: 48px 0;
}
@media (min-width: 992px) { .ar-sobre-valores { padding: 72px 0; } }

.ar-sobre-valores__eyebrow {
	font-family: var(--bs-font-sans-serif);
	font-weight: 500;
	font-size: 12px;
	letter-spacing: 0.22em;
	color: #2d2d2d;
	text-transform: uppercase;
	margin: 0 0 10px;
}
.ar-sobre-valores__title {
	font-family: var(--ar-font-display);
	font-size: 26px;
	font-weight: 400;
	line-height: 1.15;
	color: #005e26;
	margin: 0;
}
@media (min-width: 992px) { .ar-sobre-valores__title { font-size: 30px; } }

.ar-sobre-valores__list {
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
	list-style: none;
	padding: 0;
	margin: 0;
	justify-content: flex-start;
}

.ar-sobre-pill {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 13px 25px;
	background-color: #ffffff;
	border: 1px solid rgba(0, 92, 38, 0.1);
	border-radius: 100px;
	color: #005e26;
	font-family: var(--bs-font-sans-serif);
	font-weight: 400;
	font-size: 14px;
	text-transform: uppercase;
	line-height: 1;
	white-space: nowrap;
}

/* =========================================================
   SOBRE — citação final (frame com borda topo + base)
   ========================================================= */
.ar-sobre-quote {
	background-color: #fffdfb;
	padding: 0 0 48px;
}
@media (min-width: 992px) {
	.ar-sobre-quote { padding-bottom: 80px; }
}
.ar-sobre-quote__frame {
	margin: 0;
	padding: 24px 0;
	border-top: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 16px;
	text-align: center;
	color: var(--ar-green);
}
@media (min-width: 992px) {
	.ar-sobre-quote__frame { padding: 32px 0; gap: 24px; }
}
.ar-sobre-quote__text {
	font-family: var(--ar-font-display);
	font-weight: 400;
	font-size: 22px;
	line-height: 1.3;
	color: var(--ar-green);
	margin: 0;
}
@media (min-width: 992px) {
	.ar-sobre-quote__text { font-size: 32px; line-height: 1.2; }
}
.ar-sobre-quote__author {
	font-family: var(--bs-font-sans-serif);
	font-style: italic;
	font-weight: 400;
	font-size: 18px;
	line-height: 1;
	color: var(--ar-green);
}
@media (min-width: 992px) {
	.ar-sobre-quote__author { font-size: 24px; }
}

/* Parceiros — hero usa .ar-page-hero.ar-page-hero--centered */

/* =========================================================
   PARCEIROS — grid de cards
   ========================================================= */
.ar-parceiros-grid {
	background-color: #fffdfb;
	padding: 40px 0;
}
@media (min-width: 992px) {
	.ar-parceiros-grid { padding: 64px 0; }
}

.ar-partner-card {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 16px;
	width: 100%;
	padding: 25px;
	background-color: #ffffff;
	border: 1px solid rgba(45, 45, 45, 0.1);
	border-radius: 16px;
	text-align: center;
	text-decoration: none;
	color: inherit;
	transition: border-color .25s ease, box-shadow .25s ease, transform .25s ease;
}
a.ar-partner-card { cursor: pointer; }
a.ar-partner-card:hover {
	border-color: rgba(0, 94, 38, 0.2);
	box-shadow: 0 6px 20px rgba(0, 94, 38, 0.08);
	transform: translateY(-2px);
	color: inherit;
}
.ar-partner-card__logo {
	width: 100%;
	height: 140px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	background-color: #ffffff;
}
.ar-partner-card__logo img {
	max-height: 120px;
	width: auto;
	height: auto;
	object-fit: contain;
}
.ar-partner-card__logo-placeholder {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 120px;
	height: 120px;
	border-radius: 50%;
	background-color: rgba(0, 94, 38, 0.06);
	color: rgba(0, 94, 38, 0.35);
	font-size: 36px;
}
.ar-partner-card__body {
	display: flex;
	flex-direction: column;
	gap: 8px;
	width: 100%;
}
.ar-partner-card__name {
	font-family: var(--bs-font-sans-serif);
	font-weight: 700;
	font-size: 18px;
	line-height: 1.2;
	color: #005e26;
	margin: 0;
}
.ar-partner-card__description {
	font-family: var(--bs-font-sans-serif);
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	color: #4b4c4b;
	margin: 0;
}

/* =========================================================
   PARCEIROS — "Porque ser um parceiro" (banner verde, cards com bordas)
   ========================================================= */
.ar-parceiros-why {
	background-color: #005e26;
	color: #fceed4;
	padding: 48px 0;
}
@media (min-width: 992px) {
	.ar-parceiros-why { padding: 64px 0; }
}
.ar-parceiros-why__header {
	text-align: center;
	max-width: 820px;
	margin: 0 auto 40px;
	display: flex;
	flex-direction: column;
	gap: 16px;
}
.ar-parceiros-why__title {
	font-family: var(--ar-font-display);
	font-weight: 400;
	font-size: 26px;
	line-height: 1.2;
	color: #fceed4;
	margin: 0;
}
@media (min-width: 992px) {
	.ar-parceiros-why__title { font-size: 32px; }
}
.ar-parceiros-why__subtitle {
	font-family: var(--bs-font-sans-serif);
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	color: #fceed4;
	margin: 0;
}
.ar-parceiros-why__grid { justify-content: center; }
.ar-benefit {
	display: flex;
	flex-direction: column;
	gap: 16px;
	width: 100%;
	padding: 24px;
	background-color: rgba(255, 253, 251, 0.05);
	border: 1px solid rgba(252, 238, 212, 0.15);
	border-radius: 16px;
	color: #fceed4;
	text-align: left;
}
.ar-benefit__icon {
	width: 24px;
	height: 24px;
	flex-shrink: 0;
	filter: brightness(0) saturate(100%) invert(97%) sepia(10%) saturate(1042%) hue-rotate(329deg) brightness(98%) contrast(95%);
}
.ar-benefit__title {
	font-family: var(--bs-font-sans-serif);
	font-weight: 500;
	font-size: 20px;
	line-height: 1.2;
	color: #fceed4;
	margin: 0;
}
.ar-benefit__text {
	font-family: var(--bs-font-sans-serif);
	font-weight: 400;
	font-size: 16px;
	line-height: 20px;
	color: #fceed4;
	margin: 0;
}

/* =========================================================
   PARCEIROS — formulário "Seja nosso parceiro"
   ========================================================= */
.ar-parceiros-form {
	background-color: #fffdfb;
	padding: 40px 0 64px;
}
@media (min-width: 992px) {
	.ar-parceiros-form { padding: 64px 0 96px; }
}
.ar-parceiros-form__card {
	background-color: #ecedea;
	border-radius: 20px;
	overflow: hidden;
	border: 0;
	box-shadow: 0 10px 30px rgba(0, 42, 17, 0.06);
}
.ar-parceiros-form__side {
	background-color: #005e26;
	color: #fceed4;
	padding: 32px 28px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 16px;
	justify-content: flex-start;
}
@media (min-width: 992px) {
	.ar-parceiros-form__side { padding: 48px 40px; }
}
.ar-parceiros-form__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	color: #fceed4;
	margin-bottom: 12px;
}
.ar-parceiros-form__icon svg { width: 100%; height: 100%; }
.ar-parceiros-form__title {
	font-family: var(--ar-font-display);
	font-size: 28px;
	line-height: 1.2;
	color: #fceed4;
	margin: 0;
	font-weight: 400;
}
@media (min-width: 992px) {
	.ar-parceiros-form__title { font-size: 36px; }
}
.ar-parceiros-form__description {
	font-family: var(--bs-font-sans-serif);
	font-weight: 400;
	font-size: 15px;
	line-height: 1.5;
	color: #fceed4;
	margin: 0;
	max-width: 320px;
}
.ar-parceiros-form__body {
	padding: 32px 28px;
	background-color: #ecedea;
}
@media (min-width: 992px) {
	.ar-parceiros-form__body { padding: 48px 40px; }
}
.ar-parceiros-form__body .ar-form input[type="text"],
.ar-parceiros-form__body .ar-form input[type="email"],
.ar-parceiros-form__body .ar-form input[type="tel"],
.ar-parceiros-form__body .ar-form select,
.ar-parceiros-form__body .ar-form textarea {
	background-color: #ffffff;
	border-color: rgba(45, 45, 45, 0.08);
	border-radius: 10px;
}
.ar-parceiros-form__body .ar-form__field label {
	font-weight: 600;
	color: #2d2d2d;
}
.ar-parceiros-form__body .ar-form__submit {
	font-size: 16px;
	font-weight: 600;
	padding: 16px 24px;
	min-height: 56px;
	border-radius: 8px;
}

/* =========================================================
   AR-FORM — formulário genérico reutilizável
   ========================================================= */
.ar-form__field {
	display: flex;
	flex-direction: column;
	gap: 6px;
}
.ar-form__field label {
	font-family: var(--bs-font-sans-serif);
	font-weight: 500;
	font-size: 14px;
	color: var(--ar-gray);
}
.ar-form__required { color: #b42323; font-weight: 600; }

.ar-form input[type="text"],
.ar-form input[type="email"],
.ar-form input[type="tel"],
.ar-form input[type="url"],
.ar-form input[type="number"],
.ar-form select,
.ar-form textarea {
	width: 100%;
	padding: 12px 16px;
	background-color: #ffffff;
	border: 1px solid #dee0df;
	border-radius: 8px;
	font-family: var(--bs-font-sans-serif);
	font-size: 15px;
	color: var(--ar-gray);
	outline: none;
	transition: border-color .2s ease, box-shadow .2s ease;
}
.ar-form textarea { resize: vertical; min-height: 120px; }
.ar-form input:focus,
.ar-form select:focus,
.ar-form textarea:focus {
	border-color: var(--ar-green);
	box-shadow: 0 0 0 3px rgba(0, 94, 38, 0.12);
}
.ar-form ::placeholder { color: rgba(45, 45, 45, 0.45); }

.ar-form__field--check {
	flex-direction: row;
	align-items: flex-start;
	gap: 10px;
}
.ar-form__field--check label {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	font-weight: 400;
	color: var(--ar-gray);
	cursor: pointer;
}
.ar-form__field--check input[type="checkbox"] {
	margin-top: 3px;
	accent-color: var(--ar-green);
}
.ar-form__field--check a { color: var(--ar-green); text-decoration: underline; }

.ar-form__submit {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: 50px;
	padding: 14px 24px;
	background-color: var(--ar-green);
	color: var(--ar-beige);
	border: 0;
	border-radius: 8px;
	font-family: var(--bs-font-sans-serif);
	font-weight: 500;
	font-size: 15px;
	cursor: pointer;
	transition: background-color .2s ease;
}
.ar-form__submit:hover { background-color: var(--ar-green-hover); color: var(--ar-beige); }

.ar-form-message {
	margin-bottom: 16px;
	padding: 12px 16px;
	border-radius: 8px;
	font-family: var(--bs-font-sans-serif);
	font-size: 14px;
}
.ar-form-message--success {
	background-color: rgba(0, 94, 38, 0.1);
	color: var(--ar-green-dark);
	border: 1px solid rgba(0, 94, 38, 0.25);
}
.ar-form-message--error {
	background-color: rgba(220, 53, 69, 0.1);
	color: #842029;
	border: 1px solid rgba(220, 53, 69, 0.25);
}

/* =========================================================
   COTAÇÕES — página dedicada
   ========================================================= */
.ar-cotacoes-filters {
	display: flex;
	gap: 12px;
	flex-wrap: wrap;
}
.ar-cotacoes-filters__item { flex: 1 1 220px; min-width: 220px; }
.ar-cotacoes-filters select {
	width: 100%;
	padding: 10px 36px 10px 14px;
	border: 1px solid var(--bs-border-color);
	border-radius: 999px;
	background-color: #fff;
	font-family: var(--bs-font-sans-serif);
	font-size: 14px;
	color: var(--ar-gray);
	appearance: none;
	-webkit-appearance: none;
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 16 16'><path fill='%23005e26' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>");
	background-repeat: no-repeat;
	background-position: right 14px center;
}
.ar-cotacoes-filters select:focus {
	outline: none;
	border-color: var(--ar-green);
	box-shadow: 0 0 0 3px rgba(0, 94, 38, 0.12);
}

.ar-cotacoes-page {
	background-color: var(--ar-beige-2);
	padding: 32px 0 64px;
}
@media (min-width: 992px) {
	.ar-cotacoes-page { padding: 40px 0 96px; }
}

.ar-cot-table {
	display: flex;
	flex-direction: column;
	border-radius: 12px;
	overflow: hidden;
	border: 1px solid var(--bs-border-color);
	background-color: var(--ar-beige-2);
}
.ar-cot-table__head,
.ar-cot-table__row {
	display: grid;
	grid-template-columns: 2fr 1.4fr 1.2fr;
	align-items: center;
}
.ar-cot-table__head {
	background-color: var(--ar-green);
	color: #ffffff;
	font-family: var(--bs-font-sans-serif);
	font-weight: 600;
	font-size: 14px;
}
.ar-cot-table__head .ar-cot-table__cell {
	padding: 18px 20px;
	color: #ffffff;
}
.ar-cot-table__row {
	background-color: var(--ar-beige-2);
	border-top: 1px solid var(--bs-border-color);
	font-family: var(--bs-font-sans-serif);
	color: var(--ar-gray);
	font-size: 15px;
	transition: background-color .2s ease;
}
.ar-cot-table__row:nth-of-type(even) { background-color: rgba(252, 238, 212, 0.25); }
.ar-cot-table__row.is-hidden { display: none; }
.ar-cot-table__row.is-filtered { display: none; }

.ar-cot-table__cell {
	padding: 16px 20px;
	min-width: 0;
	word-break: break-word;
}
.ar-cot-table__cell--produto {
	display: flex;
	flex-direction: column;
	gap: 4px;
}
.ar-cot-table__label {
	font-weight: 700;
	font-size: 14px;
	letter-spacing: 0.02em;
	color: var(--ar-gray);
	text-transform: uppercase;
	line-height: 1.2;
}
.ar-cot-table__unit {
	font-size: 11px;
	font-weight: 500;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: rgba(45, 45, 45, 0.55);
}
.ar-cot-table__cell--preco { font-weight: 600; color: var(--ar-green); }
.ar-cot-table__cell--variacao { font-weight: 600; }
.ar-cot-table__cell--up   { color: #1a7f37; }
.ar-cot-table__cell--down { color: #cf222e; }

@media (max-width: 767.98px) {
	.ar-cot-table__head { display: none; }
	.ar-cot-table__row {
		grid-template-columns: 1fr auto;
		grid-template-areas:
			"produto preco"
			"produto variacao";
		row-gap: 4px;
		padding: 14px 16px;
	}
	.ar-cot-table__cell { padding: 0; border-left: 0; min-height: auto; }
	.ar-cot-table__cell--produto  { grid-area: produto; }
	.ar-cot-table__cell--preco    { grid-area: preco; justify-self: end; text-align: right; }
	.ar-cot-table__cell--variacao { grid-area: variacao; justify-self: end; font-size: 13px; }
}

.ar-cot-table__footer {
	margin-top: 14px;
	font-size: 13px;
	color: rgba(45, 45, 45, 0.55);
}

.ar-cot-disclaimer {
	margin-top: 20px;
	padding: 16px 20px;
	background-color: var(--ar-bg-card);
	border: 1px solid var(--bs-border-color);
	border-radius: 10px;
	font-family: var(--bs-font-sans-serif);
	font-size: 13px;
	line-height: 1.55;
	color: rgba(45, 45, 45, 0.75);
}
.ar-cot-disclaimer p { margin: 0 0 8px 0; }
.ar-cot-disclaimer p:last-child { margin-bottom: 0; }
.ar-cot-disclaimer strong { color: var(--ar-gray); }
.ar-cot-disclaimer a { color: var(--ar-green); text-decoration: underline; }
.ar-cot-disclaimer a:hover { color: var(--ar-green-hover); }
.ar-cot-disclaimer__note {
	font-style: italic;
	color: rgba(45, 45, 45, 0.55);
}

.ar-cot-load { margin-top: 24px; }
.ar-cot-load__btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 220px;
	padding: 14px 32px;
	background-color: var(--ar-green);
	color: var(--ar-beige);
	border: 0;
	border-radius: 999px;
	font-family: var(--bs-font-sans-serif);
	font-weight: 500;
	font-size: 15px;
	cursor: pointer;
	transition: background-color .2s ease;
}
.ar-cot-load__btn:hover { background-color: var(--ar-green-hover); }
.ar-cot-load__btn:disabled { opacity: .4; cursor: not-allowed; }

/* =========================================================
   ARCHIVE (categoria, tag, cultura, busca, autor, data)
   ========================================================= */
.ar-archive {
	background-color: var(--ar-beige-2);
	padding: 48px 0;
}
@media (min-width: 992px) {
	.ar-archive { padding: 48px 0 24px; }
}

.ar-archive__header {
	display: flex;
	flex-direction: column;
	gap: 8px;
	padding-bottom: 16px;
	border-bottom: 1px solid var(--bs-border-color);
}

.ar-archive__eyebrow {
	font-family: var(--bs-font-sans-serif);
	font-weight: 600;
	font-size: 13px;
	line-height: 1;
	letter-spacing: 0.04em;
	color: rgba(45, 45, 45, 0.6);
	text-transform: uppercase;
	margin: 0;
}

.ar-archive__title {
	font-family: var(--ar-font-display);
	color: var(--ar-green);
	font-weight: 400;
	font-size: 32px;
	line-height: 1.15;
	margin: 0;
}
@media (min-width: 992px) {
	.ar-archive__title { font-size: 44px; }
}

.ar-archive__description {
	font-family: var(--bs-font-sans-serif);
	color: var(--ar-gray);
	font-size: 16px;
	line-height: 1.5;
	margin: 0;
	max-width: 900px;
}

/* =========================================================
   404
   ========================================================= */
.ar-404 {
	background-color: var(--ar-beige-2);
	padding: 48px 0;
}
@media (min-width: 992px) {
	.ar-404 { padding: 80px 0; }
}

.ar-404__inner {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	gap: 20px;
	max-width: 720px;
	margin: 0 auto;
}

.ar-404__code {
	font-family: var(--ar-font-display);
	font-size: 120px;
	line-height: 1;
	color: var(--ar-green);
	letter-spacing: -0.02em;
	text-shadow: 4px 4px 0 rgba(252, 238, 212, 0.8);
}
@media (min-width: 992px) {
	.ar-404__code { font-size: 180px; }
}

.ar-404__title {
	font-family: var(--ar-font-display);
	color: var(--ar-green);
	font-weight: 400;
	font-size: 28px;
	line-height: 1.2;
	margin: 0;
}
@media (min-width: 992px) {
	.ar-404__title { font-size: 40px; }
}

.ar-404__subtitle {
	font-family: var(--bs-font-sans-serif);
	color: var(--ar-gray);
	font-size: 16px;
	line-height: 1.5;
	margin: 0;
	max-width: 520px;
}

.ar-404__search {
	display: flex;
	align-items: center;
	gap: 8px;
	width: 100%;
	max-width: 480px;
	background-color: #ffffff;
	border: 1px solid var(--bs-border-color);
	border-radius: 8px;
	padding: 8px 8px 8px 16px;
	margin-top: 8px;
	transition: border-color .2s ease, box-shadow .2s ease;
}
.ar-404__search:focus-within {
	border-color: var(--ar-green);
	box-shadow: 0 0 0 3px rgba(0, 94, 38, 0.12);
}

.ar-404__search-submit {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 10px 20px;
	background-color: var(--ar-green);
	color: var(--ar-beige);
	border: 0;
	border-radius: 6px;
	font-family: var(--bs-font-sans-serif);
	font-weight: 500;
	font-size: 14px;
	cursor: pointer;
	flex-shrink: 0;
	transition: background-color .2s ease;
}
.ar-404__search-submit:hover {
	background-color: var(--ar-green-hover);
	color: var(--ar-beige);
}

.ar-404__actions {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 12px;
	margin-top: 8px;
}

.ar-404__btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 12px 24px;
	border-radius: 8px;
	font-family: var(--bs-font-sans-serif);
	font-weight: 500;
	font-size: 15px;
	text-decoration: none;
	transition: background-color .2s ease, border-color .2s ease, color .2s ease;
}
.ar-404__btn--primary {
	background-color: var(--ar-green);
	color: var(--ar-beige);
	border: 1px solid var(--ar-green);
}
.ar-404__btn--primary:hover {
	background-color: var(--ar-green-hover);
	border-color: var(--ar-green-hover);
	color: var(--ar-beige);
}
.ar-404__btn--secondary {
	background-color: transparent;
	color: var(--ar-green);
	border: 1px solid var(--ar-green);
}
.ar-404__btn--secondary:hover {
	background-color: var(--ar-green);
	color: var(--ar-beige);
}

/* =========================================================
   AJAX filter — loading + empty state
   ========================================================= */
[data-ar-filter-target] {
	position: relative;
	transition: opacity .2s ease;
}
[data-ar-filter-target].is-loading {
	opacity: 0.5;
	pointer-events: none;
}
[data-ar-filter-target].is-loading::after {
	content: "";
	position: absolute;
	top: 24px;
	left: 50%;
	transform: translateX(-50%);
	width: 28px;
	height: 28px;
	border: 2px solid rgba(0, 94, 38, 0.2);
	border-top-color: var(--ar-green);
	border-radius: 50%;
	animation: ar-spin 0.8s linear infinite;
}
@keyframes ar-spin { to { transform: translateX(-50%) rotate(360deg); } }

.ar-filter-empty {
	text-align: center;
	padding: 32px 16px;
	color: rgba(45, 45, 45, 0.6);
	font-style: italic;
}

/* =========================================================
   Mensagens da newsletter (success / duplicate / error)
   ========================================================= */
.ar-newsletter__message {
	width: 100%;
	max-width: 640px;
	padding: 12px 16px;
	border-radius: 8px;
	font-size: 14px;
	font-family: var(--bs-font-sans-serif);
	text-align: center;
}
.ar-newsletter__message--success {
	background-color: rgba(0, 94, 38, 0.12);
	color: var(--ar-green-dark);
	border: 1px solid rgba(0, 94, 38, 0.3);
}
.ar-newsletter__message--info {
	background-color: rgba(252, 238, 212, 0.7);
	color: var(--ar-green-dark);
	border: 1px solid rgba(0, 94, 38, 0.2);
}
.ar-newsletter__message--error {
	background-color: rgba(220, 53, 69, 0.1);
	color: #842029;
	border: 1px solid rgba(220, 53, 69, 0.25);
}

/* =========================================================
   NEWSLETTER (pré-footer)
   ========================================================= */
.ar-newsletter {
	padding: 24px 0 48px;
	background-color: var(--ar-beige-2);
}
@media (min-width: 992px) {
	.ar-newsletter { padding: 24px 0 64px; }
}

.ar-newsletter__card {
	position: relative;
	background-color: var(--ar-beige);
	border-radius: 20px;
	padding: 48px 24px 24px;
	overflow: hidden;
}
@media (min-width: 992px) {
	.ar-newsletter__card { padding: 64px 56px 40px; }
}

.ar-newsletter__pattern {
	position: absolute;
	top: -6px;
	left: 50%;
	transform: translateX(-50%) scaleX(-1);
	width: 140%;
	min-width: 560px;
	max-width: none;
	height: auto;
	opacity: 0.55;
	pointer-events: none;
	user-select: none;
}
@media (min-width: 992px) {
	.ar-newsletter__pattern {
		width: 112%;
		min-width: 1440px;
	}
}

.ar-newsletter__inner {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 24px;
	text-align: center;
}

.ar-newsletter__badge {
	display: inline-flex;
	align-items: center;
	border: 1px solid var(--ar-green);
	border-radius: 99px;
	padding: 5px 19px;
	color: var(--ar-green);
	font-family: var(--bs-font-sans-serif);
	font-weight: 600;
	font-size: 14px;
	line-height: 1;
	text-transform: uppercase;
}

.ar-newsletter__title {
	font-family: var(--ar-font-display);
	color: var(--ar-green);
	font-size: 24px;
	line-height: 1.2;
	font-weight: 400;
	margin: 0;
	max-width: 683px;
}
@media (min-width: 992px) {
	.ar-newsletter__title { font-size: 48px; line-height: 1.1; }
}

.ar-newsletter__form {
	display: flex;
	flex-direction: column;
	gap: 8px;
	width: 100%;
	max-width: 640px;
}
@media (min-width: 992px) {
	.ar-newsletter__form {
		flex-direction: row;
		gap: 16px;
		align-items: stretch;
	}
}

.ar-newsletter__input {
	width: 100%;
	height: 50px;
	background-color: #ffffff;
	border: 1px solid #dee0df;
	border-radius: 8px;
	padding: 13px 25px;
	font-family: var(--bs-font-sans-serif);
	font-size: 15px;
	color: var(--ar-gray);
	letter-spacing: -0.2px;
	outline: none;
	transition: border-color .2s ease, box-shadow .2s ease;
}
.ar-newsletter__input::placeholder { color: #4b4c4b; }
.ar-newsletter__input:focus {
	border-color: var(--ar-green);
	box-shadow: 0 0 0 3px rgba(0, 94, 38, 0.12);
}
@media (min-width: 992px) {
	.ar-newsletter__input { flex: 1 1 auto; }
}

.ar-newsletter__submit {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	height: 50px;
	padding: 0 24px;
	background-color: var(--ar-green);
	color: var(--ar-beige);
	border: 0;
	border-radius: 8px;
	font-family: var(--bs-font-sans-serif);
	font-size: 16px;
	line-height: 24px;
	cursor: pointer;
	transition: background-color .2s ease;
}
.ar-newsletter__submit:hover {
	background-color: var(--ar-green-hover);
	color: var(--ar-beige);
}
@media (min-width: 992px) {
	.ar-newsletter__submit {
		width: 149px;
		flex-shrink: 0;
	}
}

/* =========================================================
   FOOTER
   ========================================================= */
.ar-footer {
	position: relative;
	overflow: hidden;
	background-color: var(--ar-green-dark);
	color: var(--ar-beige);
}
.ar-footer a { color: var(--ar-beige); }
.ar-footer a:hover { opacity: .8; }

.ar-footer__decor {
	position: absolute;
	bottom: 0;
	pointer-events: none;
	user-select: none;
	max-width: 220px;
	height: auto;
	opacity: 0.9;
	z-index: 0;
}
.ar-footer__decor--left  { left: 0; }
.ar-footer__decor--right { right: 0; }
@media (max-width: 767.98px) {
	.ar-footer__decor { max-width: 130px; opacity: 0.7; }
}
.ar-footer__main,
.ar-footer__bottom { position: relative; z-index: 1; }

.ar-footer__main { padding: 40px 0; }
@media (min-width: 992px) { .ar-footer__main { padding: 80px 0; } }

.ar-footer__tagline {
	font-size: 16px;
	line-height: 1.4;
	color: var(--ar-beige);
	max-width: 270px;
}
@media (min-width: 992px) {
	.ar-footer__tagline { font-size: 18px; max-width: 320px; }
}

.ar-footer__title {
	font-weight: 500;
	font-size: 18px;
	line-height: 34px;
	color: var(--ar-beige);
	margin: 0 0 8px 0;
}

.ar-footer__list {
	list-style: none; padding: 0; margin: 0;
	display: flex; flex-direction: column; gap: 8px;
}
.ar-footer__list li {
	font-size: 16px;
	line-height: 24px;
}

.ar-footer__socials a {
	display: inline-flex; align-items: center; justify-content: center;
	width: 45px; height: 45px;
	background-color: var(--ar-beige);
	color: var(--ar-green);
	border-radius: 8px;
	font-size: 18px;
}
.ar-footer__socials a:hover {
	background-color: var(--ar-beige-2);
	color: var(--ar-green);
	opacity: 1;
}

.ar-footer__bottom {
	padding: 24px 0;
	color: var(--ar-beige);
	font-size: 14px;
}
.ar-footer__bottom .ar-footer__dev {
	color: var(--ar-beige-2);
	display: inline-flex;
	align-items: center;
	gap: 8px;
}
.ar-footer__bottom .ar-footer__dev-brand {
	display: inline-flex;
	align-items: center;
	transition: opacity .2s ease;
}
.ar-footer__bottom .ar-footer__dev-brand:hover { opacity: .8; }
.ar-footer__bottom .ar-footer__dev-brand img {
	height: 18px;
	width: auto;
	display: block;
}

@media (max-width: 991.98px) {
	.ar-footer__section + .ar-footer__section {
		border-top: 1px solid rgba(252, 238, 212, 0.2);
		padding-top: 24px;
		margin-top: 24px;
	}
}