.elementor-kit-7{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-5b71112:#8DBF34;--e-global-color-f503811:#8DBF34;--e-global-color-a9356bd:#326234;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;background-color:#F8F3E6;}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1300px;}.e-con{--container-max-width:1300px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ============================================================
   RenovaAgro — CSS GLOBAL
   Cole em: Elementor > Configurações do site > Custom CSS
   (ou Aparência > Personalizar > CSS Adicional)
   Vale para o site inteiro.
   ============================================================ */

/* ---------- FONTES (Google Fonts — já nativas no Elementor Pro,
   este @import é só um reforço/fallback) ---------- */
@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:wght@400;600;700;800&family=JetBrains+Mono:wght@500;600&family=Public+Sans:wght@400;600;700&display=swap');

/* ---------- PALETA (variáveis) ---------- */
:root{
  --ra-green-dark:#010601;
  --ra-header:#020a02;
  --ra-footer:#010301;
  --ra-gold:#d9aa1b;
  --ra-gold-hover:#ecbd3a;
  --ra-gold-light:#f0c551;
  --ra-light:#faf8f2;
  --ra-cream:#f8f3e6;
  --ra-dark:#0d0b03;
  --ra-green-txt:#040e04;
  --ra-green-mono:#326234;
  --ra-body:#4f4d44;
  --ra-foot-gray:#938f85;
}

/* ---------- ANIMAÇÕES ---------- */
@keyframes ra-marquee { from{transform:translateX(0)} to{transform:translateX(-50%)} }
@keyframes ra-bob { 0%,100%{transform:translateY(0)} 50%{transform:translateY(8px)} }

/* ---------- HEADER / NAV ---------- */
.ra-header nav, .ra-nav{ display:inline-flex; gap:clamp(16px,3vw,34px); flex-wrap:wrap;
  font-family:'JetBrains Mono',monospace; font-size:12.5px; letter-spacing:.4px; text-transform:uppercase; }
.ra-nav a{ color:#dad7d0; font-weight:600; text-decoration:none; transition:color .2s; }
.ra-nav a:hover{ color:var(--ra-gold); }

/* ---------- BOTÕES com canto chanfrado (clip-path) ---------- */
.ra-cut .elementor-button,
.ra-btn-solid .elementor-button{
  clip-path:polygon(0 0,100% 0,100% 100%,12px 100%,0 calc(100% - 12px));
  border:none; }
.ra-btn-outline .elementor-button{
  border:1.5px solid var(--ra-green-mono); background:transparent; }
.ra-btn-outline .elementor-button:hover{
  background:var(--ra-green-mono)!important; color:var(--ra-light)!important; }

/* link WhatsApp sublinhado (hero/cards) */
.ra-wa-link{ color:#f4f2ec; text-decoration:none; font-weight:600;
  border-bottom:1.5px solid rgba(244,242,236,.4); padding-bottom:2px; transition:.2s; }
.ra-wa-link:hover{ color:var(--ra-gold); border-color:var(--ra-gold); }

/* ---------- HERO ---------- */
.ra-hero{ position:relative; overflow:hidden; clip-path:polygon(0 0,100% 0,100% 90%,0 100%); }
.ra-eyebrow{ display:inline-flex; align-items:center; gap:8px;
  font-family:'JetBrains Mono',monospace; font-weight:600; font-size:12.5px;
  letter-spacing:1px; text-transform:uppercase; color:var(--ra-gold-light); }
.ra-eyebrow .ra-dash{ width:24px; height:1.5px; background:var(--ra-gold); display:inline-block; }

/* ---------- MARQUEE ---------- */
.ra-marquee-sec{ overflow:hidden; }
.ra-marquee{ overflow:hidden; white-space:nowrap; padding:16px 0; }
.ra-marquee-track{ display:inline-flex; align-items:center; animation:ra-marquee 22s linear infinite; }
.ra-marquee-track span{ font-family:'JetBrains Mono',monospace; font-weight:600; font-size:14.5px;
  letter-spacing:.5px; color:var(--ra-green-txt); text-transform:uppercase; padding:0 28px; }
.ra-marquee-track i{ width:6px; height:6px; background:var(--ra-green-txt);
  transform:rotate(45deg); display:inline-block; }

/* ---------- KICKERS / LABELS ---------- */
.ra-kicker{ font-family:'JetBrains Mono',monospace; color:var(--ra-green-mono);
  font-weight:600; font-size:13px; letter-spacing:1px; }
.ra-kicker-gold{ font-family:'JetBrains Mono',monospace; color:var(--ra-gold);
  font-weight:600; font-size:13px; letter-spacing:1px; }
.ra-ghost-num .elementor-heading-title{ line-height:.8; opacity:.9; }

/* ---------- SEGMENTOS (bento) ---------- */
.ra-seg-grid .elementor-column{ transition:transform .4s; }
.ra-seg-card{ position:relative; }
.ra-seg-card:hover{ transform:translateY(-4px); }
.ra-seg-idx .elementor-heading-title{ color:var(--ra-gold); }
.ra-ph{ font-family:'JetBrains Mono',monospace; opacity:.55; }

/* ---------- PRODUTOS ---------- */
.ra-tabs{ display:flex; gap:clamp(18px,3vw,34px); flex-wrap:wrap;
  border-bottom:1px solid #d3cdbf; padding:22px 0 2px; }
.ra-tab{ font-family:'JetBrains Mono',monospace; font-weight:600; font-size:13px;
  letter-spacing:.5px; text-transform:uppercase; color:#737268; padding-bottom:14px;
  border-bottom:2px solid transparent; cursor:pointer; }
.ra-tab.active{ color:var(--ra-dark); border-bottom-color:var(--ra-gold); }
.ra-prod-card{ display:flex; flex-direction:column; }
.ra-card-img,.ra-about-img{ position:relative; background:#e7e2d5;
  background-image:linear-gradient(135deg,#e9e4d7 0%,#d8d2c2 100%);
  display:flex; align-items:center; justify-content:center; }
.ra-card-img{ height:200px; margin:-24px -24px 16px; }
.ra-card-img span,.ra-about-img span{ font-family:'JetBrains Mono',monospace;
  font-size:11px; color:#8a8578; letter-spacing:.5px; }
.ra-about-img{ min-height:520px; height:100%; clip-path:polygon(0 0,100% 0,88% 100%,0 100%); }
.ra-badge{ display:inline-block; background:rgba(1,6,1,.85); color:var(--ra-gold);
  font-family:'JetBrains Mono',monospace; font-size:10.5px; letter-spacing:.5px;
  text-transform:uppercase; padding:6px 10px; margin-bottom:12px; }

/* ---------- QUEM SOMOS ---------- */
.ra-link-gold{ color:var(--ra-gold); text-decoration:none; font-weight:600;
  font-family:'JetBrains Mono',monospace; border-bottom:1.5px solid var(--ra-gold); padding-bottom:3px; }

/* ---------- FOOTER ---------- */
.ra-foot-links{ display:flex; flex-direction:column; gap:6px; }
.ra-foot-links a{ color:var(--ra-foot-gray); text-decoration:none; font-size:14px; transition:.2s; }
.ra-foot-links a:hover{ color:var(--ra-gold); }

/* ---------- RESPONSIVO ---------- */
@media(max-width:1024px){
  .ra-about-img{ clip-path:none; min-height:320px; }
  .ra-hero{ clip-path:polygon(0 0,100% 0,100% 96%,0 100%); }
}
@media(max-width:767px){
  .ra-seg-card{ min-height:200px; }
  .ra-card-img{ height:170px; }
}/* End custom CSS */