/* ==========================================================================
   ALLTERRA - Estilos Oficiais, Cores Originais & Britti Sans
   Baseado no Design Original do Projeto Allterra
   ========================================================================== */

/* --- FONTE OFICIAL BRITTI SANS --- */
@font-face {
  font-family: "Britti Sans";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/BrittiSans-Regular.ttf") format("truetype");
  font-display: swap;
}
@font-face {
  font-family: "Britti Sans";
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/BrittiSans-Medium.ttf") format("truetype");
  font-display: swap;
}
@font-face {
  font-family: "Britti Sans";
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/BrittiSans-Semibold.ttf") format("truetype");
  font-display: swap;
}
@font-face {
  font-family: "Britti Sans";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/BrittiSans-Bold.ttf") format("truetype");
  font-display: swap;
}

/* --- TOKENS DE CORES OFICIAIS ALLTERRA --- */
:root {
  --woody-brown:     #52312e;
  --livid-brown:     #51302e;
  --heathered-gray:   #b9aa9b;
  --heathered-gray-2: #b8a99a;
  --kabul:           #68453e;
  --pharlap:         #a38b86;
  --bon-jour:        #e2e2e2;
  --celeste:         #cbcbcb;
  --white:           #ffffff;
  --faq-bg:          #d6d1c9;
  --hover-ease:      cubic-bezier(0.16, 1, 0.3, 1);
}

/* Base */
body, .elementor {
  font-family: "Britti Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
  background-color: var(--woody-brown) !important;
  color: var(--heathered-gray) !important;
}

/* --------------------------------------------------------------------------
   1. BOTÕES "CONHEÇA MAIS" (PADRÃO OFICIAL: FUNDO BEGE / TEXTO MARROM)
   -------------------------------------------------------------------------- */
.elementor-button,
.at-btn,
a.elementor-button,
.elementor-widget-button .elementor-button {
  background-color: var(--heathered-gray) !important;
  color: var(--woody-brown) !important;
  border-radius: 999px !important;
  font-family: "Britti Sans", sans-serif !important;
  font-weight: 600 !important;
  letter-spacing: 0.2px !important;
  transition: transform 220ms var(--hover-ease),
              box-shadow 220ms var(--hover-ease),
              background-color 220ms var(--hover-ease),
              color 220ms var(--hover-ease) !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.2) !important;
  text-decoration: none !important;
}

.elementor-button:hover,
.at-btn:hover,
a.elementor-button:hover,
.elementor-widget-button .elementor-button:hover {
  transform: translateY(-4px) !important;
  background-color: #c5b8aa !important;
  color: var(--woody-brown) !important;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.35) !important;
}

.elementor-button:active,
.at-btn:active,
.elementor-widget-button .elementor-button:active {
  transform: translateY(-1px) scale(0.98) !important;
}

/* --------------------------------------------------------------------------
   2. CARDS DO CICLO REGENERATIVO (HOVER OFICIAL: FUNDO #baab9c)
   -------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------
   2. CARDS DO CICLO REGENERATIVO (HOVER OFICIAL: FUNDO #baab9c)
   -------------------------------------------------------------------------- */
.at-cycle-card,
.elementor-location-content .e-con:has(a[href*="decodificar"]),
.elementor-location-content .e-con:has(a[href*="potencializar"]),
.elementor-location-content .e-con:has(a[href*="integrar"]),
.elementor-location-content .e-con:has(a[href*="medir"]),
.elementor-location-content .e-con:has(a[href*="monetizar"]) {
  background: rgba(82, 49, 46, 0.82) !important;
  border: 1px solid rgba(185, 170, 155, 0.35) !important;
  border-radius: 12px !important;
  transition: transform 240ms var(--hover-ease),
              background 240ms var(--hover-ease),
              border-color 240ms var(--hover-ease),
              box-shadow 240ms var(--hover-ease) !important;
  cursor: pointer;
  position: relative;
}

.at-cycle-card:hover,
.elementor-location-content .e-con:has(a[href*="decodificar"]):hover,
.elementor-location-content .e-con:has(a[href*="potencializar"]):hover,
.elementor-location-content .e-con:has(a[href*="integrar"]):hover,
.elementor-location-content .e-con:has(a[href*="medir"]):hover,
.elementor-location-content .e-con:has(a[href*="monetizar"]):hover {
  background: #baab9c !important;
  border-color: #baab9c !important;
  transform: translateY(-6px) scale(1.02) !important;
  box-shadow: 0 18px 36px rgba(0, 0, 0, 0.45) !important;
}

.at-cycle-card:hover h4 a,
.at-cycle-card:hover h4,
.at-cycle-card:hover p,
.at-cycle-card:hover span,
.elementor-location-content .e-con:has(a[href*="decodificar"]):hover h4 a,
.elementor-location-content .e-con:has(a[href*="potencializar"]):hover h4 a,
.elementor-location-content .e-con:has(a[href*="integrar"]):hover h4 a,
.elementor-location-content .e-con:has(a[href*="medir"]):hover h4 a,
.elementor-location-content .e-con:has(a[href*="monetizar"]):hover h4 a,
.elementor-location-content .e-con:has(a[href*="decodificar"]):hover p,
.elementor-location-content .e-con:has(a[href*="potencializar"]):hover p,
.elementor-location-content .e-con:has(a[href*="integrar"]):hover p,
.elementor-location-content .e-con:has(a[href*="medir"]):hover p,
.elementor-location-content .e-con:has(a[href*="monetizar"]):hover p {
  color: var(--woody-brown) !important;
  transition: color 200ms ease;
}

/* --------------------------------------------------------------------------
   3. SEÇÃO PERGUNTAS FREQUENTES (FUNDO BEGE CLARO, TEXTO MARROM)
   -------------------------------------------------------------------------- */
.at-faq-section {
  background-color: var(--faq-bg) !important;
  color: var(--livid-brown) !important;
}

.at-faq-section .elementor-heading-title {
  color: var(--livid-brown) !important;
  font-family: "Britti Sans", sans-serif !important;
}

.elementor-widget-accordion .elementor-accordion-item {
  border-bottom: 1px solid rgba(82, 49, 46, 0.3) !important;
  border-top: 0 !important;
  border-left: 0 !important;
  border-right: 0 !important;
  background: transparent !important;
}

.elementor-widget-accordion .elementor-accordion-item:first-child {
  border-top: 1px solid rgba(82, 49, 46, 0.3) !important;
}

.elementor-widget-accordion .elementor-tab-title {
  color: var(--livid-brown) !important;
  font-family: "Britti Sans", sans-serif !important;
  font-weight: 600 !important;
  font-size: 19px !important;
  padding: 22px 0 !important;
  transition: color 180ms ease, padding-left 180ms ease;
}

.elementor-widget-accordion .elementor-tab-title:hover {
  color: var(--kabul) !important;
  padding-left: 6px !important;
}

.elementor-widget-accordion .elementor-tab-content {
  color: var(--livid-brown) !important;
  font-family: "Britti Sans", sans-serif !important;
  font-size: 16px !important;
  line-height: 1.6 !important;
  padding: 0 40px 22px 0 !important;
}

.elementor-widget-accordion .elementor-tab-title .elementor-accordion-icon {
  color: var(--livid-brown) !important;
  transition: transform 240ms var(--hover-ease);
}

.elementor-widget-accordion .elementor-tab-title.elementor-active .elementor-accordion-icon {
  transform: rotate(1deg);
}

/* --------------------------------------------------------------------------
   4. BOTÃO PLAY DO VÍDEO (REFINADO CONFORME O PRINT)
   -------------------------------------------------------------------------- */
.at-video-play-btn {
  width: 72px;
  height: 72px;
  border-radius: 50%;
  background-color: var(--woody-brown);
  border: 2px solid rgba(255, 255, 255, 0.3);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
  transition: transform 240ms var(--hover-ease), background-color 240ms ease;
}

.at-video-play-btn:hover {
  transform: scale(1.12);
  background-color: #68453e;
}

.at-video-play-btn::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 16px solid #ffffff;
  margin-left: 4px;
}

/* --------------------------------------------------------------------------
   5. BOTÃO VOLTAR AO TOPO (PALETA WOODY BROWN + HEATHERED GRAY)
   -------------------------------------------------------------------------- */
.at-back-to-top {
  position: fixed;
  bottom: 30px;
  right: 30px;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background-color: var(--woody-brown);
  color: var(--heathered-gray);
  border: 1px solid var(--heathered-gray);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
  transform: translateY(14px);
  transition: opacity 240ms var(--hover-ease),
              visibility 240ms var(--hover-ease),
              transform 240ms var(--hover-ease),
              background-color 200ms ease,
              color 200ms ease;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.4);
}

.at-back-to-top.is-visible {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.at-back-to-top:hover {
  background-color: var(--heathered-gray);
  color: var(--woody-brown);
  transform: translateY(-4px);
}

.at-back-to-top svg {
  width: 20px;
  height: 20px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2.5;
  stroke-linecap: round;
  stroke-linejoin: round;
}

/* --------------------------------------------------------------------------
   8. HEADER OFICIAL ALLTERRA 
   (Regras de hover, background e transição removidas para evitar conflitos)
   -------------------------------------------------------------------------- */
/* Limpo - O controle do menu agora retorna para as configurações nativas do Elementor */