.elementor-785 .elementor-element.elementor-element-f1ff25a{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-785 .elementor-element.elementor-element-f1ff25a:not(.elementor-motion-effects-element-type-background), .elementor-785 .elementor-element.elementor-element-f1ff25a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0A0E14;}.elementor-785 .elementor-element.elementor-element-ea9930d{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS for html, class: .elementor-element-ea9930d *//* =========================================================
   CORREÇÕES — HEADER / FOOTER / BOTÕES / TOGGLE / HERO
   ========================================================= */

/* ── HEADER ─────────────────────────────────────────────── */
.csxp-header.theme-dark  .csxp-header-inner,
html.cs-theme-dark .csxp-header .csxp-header-inner {
  background: rgba(12,16,24,.86) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  box-shadow: 0 12px 34px rgba(0,0,0,.18) !important;
}
.csxp-header.theme-light .csxp-header-inner,
html.cs-theme-light .csxp-header .csxp-header-inner {
  background: rgba(255,255,255,.82) !important;
  border: 1px solid rgba(48,37,25,.08) !important;
  box-shadow: 0 12px 34px rgba(62,42,18,.08) !important;
}

/* ── FOOTER — usa html.cs-theme-* pois o footer tem theme-light fixo no HTML ── */
html.cs-theme-dark .csxp-footer .csxp-footer-inner {
  background: linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.03)) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  box-shadow: 0 16px 44px rgba(0,0,0,.14) !important;
}
html.cs-theme-light .csxp-footer .csxp-footer-inner {
  background: linear-gradient(180deg, rgba(255,255,255,.88), rgba(255,255,255,.74)) !important;
  border: 1px solid rgba(48,37,25,.08) !important;
  box-shadow: 0 16px 44px rgba(62,42,18,.08) !important;
}

/* textos do footer no dark */
html.cs-theme-dark .csxp-footer .csxp-footer-brand-text h3,
html.cs-theme-dark .csxp-footer .csxp-footer-col h4,
html.cs-theme-dark .csxp-footer .csxp-footer-col a,
html.cs-theme-dark .csxp-footer .csxp-footer-bottom {
  color: rgba(255,255,255,.84) !important;
}
html.cs-theme-dark .csxp-footer .csxp-footer-brand-text h3 span {
  color: #10b981 !important;
}
html.cs-theme-dark .csxp-footer .csxp-footer-brand-text p {
  color: rgba(255,255,255,.66) !important;
}
html.cs-theme-dark .csxp-footer .csxp-footer-col p {
  color: rgba(255,255,255,.70) !important;
}
html.cs-theme-dark .csxp-footer .csxp-trust-badge {
  color: rgba(255,255,255,.92) !important;
  background: rgba(255,255,255,.06) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
}

/* textos do footer no light */
html.cs-theme-light .csxp-footer .csxp-footer-brand-text h3,
html.cs-theme-light .csxp-footer .csxp-footer-col h4,
html.cs-theme-light .csxp-footer .csxp-footer-col a,
html.cs-theme-light .csxp-footer .csxp-footer-bottom {
  color: rgba(30,23,16,.84) !important;
}
html.cs-theme-light .csxp-footer .csxp-footer-brand-text p,
html.cs-theme-light .csxp-footer .csxp-footer-col p {
  color: rgba(30,23,16,.70) !important;
}
html.cs-theme-light .csxp-footer .csxp-trust-badge {
  color: rgba(30,23,16,.82) !important;
  background: rgba(30,23,16,.04) !important;
  border: 1px solid rgba(30,23,16,.08) !important;
}

/* ── LOGO DO HEADER ─────────────────────────────────────── */
html.cs-theme-dark .csxp-header .csxp-brand-text strong,
.csxp-header.theme-dark .csxp-brand-text strong { color: #fff !important; }

html.cs-theme-dark .csxp-header .csxp-brand-text strong span,
.csxp-header.theme-dark .csxp-brand-text strong span { color: #10b981 !important; }

html.cs-theme-dark .csxp-header .csxp-brand-text small,
.csxp-header.theme-dark .csxp-brand-text small { color: rgba(255,255,255,.66) !important; }

/* ── BOTÕES DA HOME ─────────────────────────────────────── */
/* csh-btn-primary: dourado (mesmo padrão do simulador) */
.csh-btn.csh-btn-primary {
  background: linear-gradient(180deg, #efd47b 0%, #d4af37 100%) !important;
  color: #1b1402 !important;
  border: 1px solid rgba(255,215,106,.46) !important;
  box-shadow: 0 10px 28px rgba(212,175,55,.26) !important;
}
.csh-btn.csh-btn-primary:hover {
  box-shadow: 0 16px 40px rgba(212,175,55,.38) !important;
  transform: translateY(-2px);
}

/* csh-btn-secondary: transparente com borda */
html.cs-theme-dark .csh-btn.csh-btn-secondary {
  color: #fff !important;
  background: rgba(255,255,255,.06) !important;
  border: 1px solid rgba(255,255,255,.13) !important;
}
html.cs-theme-light .csh-btn.csh-btn-secondary {
  color: #1a1a1a !important;
  background: rgba(255,255,255,.72) !important;
  border: 1px solid rgba(26,26,26,.10) !important;
}

/* ── HEADER LINKS / BOTÕES ──────────────────────────────── */
html.cs-theme-dark .csxp-header .csxp-nav a,
.csxp-header.theme-dark .csxp-nav a { color: rgba(255,255,255,.84) !important; }

html.cs-theme-dark .csxp-header .csxp-btn-ghost,
.csxp-header.theme-dark .csxp-btn-ghost {
  color: #fff !important;
  background: rgba(255,255,255,.05) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
}
html.cs-theme-dark .csxp-header .csxp-btn-solid,
.csxp-header.theme-dark .csxp-btn-solid {
  color: #111 !important;
  background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(255,255,255,.86)) !important;
}

/* ── HERO ───────────────────────────────────────────────── */
.csh-hero-title { font-weight: 900 !important; }

/* ── TOGGLE LUA/SOL ─────────────────────────────────────── */
.csh-home.theme-dark .csh-theme-toggle-icon-moon {
  opacity: 1 !important;
  transform: scale(1) rotate(0deg) !important;
  color: #fff !important;
}
.csh-home.theme-light .csh-theme-toggle-icon-sun {
  opacity: 1 !important;
  transform: scale(1) rotate(0deg) !important;
  color: #1e1710 !important;
}

/* ── HAMBURGER ──────────────────────────────────────────── */
.csxp-menu-toggle {
  width: 42px !important; height: 42px !important;
  border-radius: 12px !important; background: transparent !important;
  border: 1px solid transparent !important; gap: 4px !important; padding: 0 !important;
}
html.cs-theme-dark .csxp-header .csxp-menu-toggle,
.csxp-header.theme-dark .csxp-menu-toggle {
  color: #fff !important;
  background: rgba(255,255,255,.04) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
}
html.cs-theme-light .csxp-header .csxp-menu-toggle,
.csxp-header.theme-light .csxp-menu-toggle {
  color: #1e1710 !important;
  background: rgba(30,23,16,.04) !important;
  border: 1px solid rgba(30,23,16,.08) !important;
}
.csxp-menu-toggle span {
  width: 16px !important; height: 1.75px !important;
  border-radius: 999px !important; background: currentColor !important;
  transition: transform .22s ease, opacity .22s ease !important;
}
.csxp-header.is-open .csxp-menu-toggle span:nth-child(1) { transform: translateY(5.75px) rotate(45deg); }
.csxp-header.is-open .csxp-menu-toggle span:nth-child(2) { opacity: 0; }
.csxp-header.is-open .csxp-menu-toggle span:nth-child(3) { transform: translateY(-5.75px) rotate(-45deg); }

@media (max-width: 767px) {
  .csxp-header-inner  { padding: 12px 14px 14px !important; gap: 12px !important; }
  .csxp-brand-icon    { width: 38px !important; height: 38px !important; border-radius: 11px !important; }
  .csxp-brand-icon svg{ width: 20px !important; height: 20px !important; }
  .csxp-brand-text strong { font-size: 1rem !important; }
  .csxp-brand-text small  { font-size: .72rem !important; }
  .csxp-nav           { padding-top: 6px !important; gap: 12px !important; }
  .csxp-nav a         { font-size: .94rem !important; }
}

/* ── WRAPPERS ELEMENTOR ─────────────────────────────────── */
.e-con.theme-dark, .elementor-element.theme-dark,
.e-con.theme-light,.elementor-element.theme-light { background: transparent !important; }

.e-con.theme-dark:has(.csxp-header),
.elementor-element.theme-dark:has(.csxp-header),
.e-con.theme-dark:has(.csxp-footer),
.elementor-element.theme-dark:has(.csxp-footer) {
  background: linear-gradient(180deg, #0a0d13 0%, #0f141d 100%) !important;
}
.e-con.theme-light:has(.csxp-header),
.elementor-element.theme-light:has(.csxp-header),
.e-con.theme-light:has(.csxp-footer),
.elementor-element.theme-light:has(.csxp-footer) {
  background: linear-gradient(180deg, #f7f2e9 0%, #eee5d7 100%) !important;
}
.e-con.theme-dark > .e-con-inner,
.elementor-element.theme-dark > .e-con-inner { background: transparent !important; }
.e-con.theme-light > .e-con-inner,
.elementor-element.theme-light > .e-con-inner { background: transparent !important; }

/* ── ACCENT RGB ANIMATION ───────────────────────────────── */
.csh-home {
  --csh-accent-rgb: 16,185,129;
  transition: --csh-accent-rgb .2s linear;
}


/* Ajuste de tipografia do logo no footer */
.csxp-footer-logo-text {
    font-size: 1.5rem;
    font-weight: 800;
    letter-spacing: -0.5px;
    display: block;
    margin-bottom: 5px;
}

.csxp-footer-logo-text span {
    color: var(--csh-accent, #10b981);
}

/* Espaçamento entre as badges de confiança */
.csxp-trust-badges {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 20px;
}

.csxp-trust-badge {
    font-size: 11px !important;
    padding: 4px 10px !important;
    border-radius: 6px !important;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.5px;
}

/* Melhoria no grid mobile do rodapé */
@media (max-width: 767px) {
    .csxp-footer-inner {
        grid-template-columns: 1fr 1fr !important; /* Duas colunas no mobile fica mais organizado */
        gap: 30px 20px !important;
    }
    .csxp-footer-brand {
        grid-column: span 2; /* Logo ocupa a largura toda */
        text-align: center;
    }
    .csxp-footer-brand .csxp-footer-logo {
        justify-content: center;
    }
    .csxp-trust-badges {
        justify-content: center;
    }
}


/* Alinhamento do Logo no Rodapé */
.csxp-footer-logo {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    text-decoration: none !important;
    margin-bottom: 20px;
}

.csxp-footer-brand-text {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important; /* Garante que o texto alinhe à esquerda do contentor */
    line-height: 1.2 !important;
}

.csxp-footer-brand-text strong {
    font-size: 1.4rem !important;
    font-weight: 800 !important;
    letter-spacing: -0.5px !important;
    color: inherit;
}

.csxp-footer-brand-text strong span {
    color: var(--csh-accent, #10b981) !important;
}

.csxp-footer-brand-text small {
    font-size: 0.75rem !important;
    opacity: 0.7;
    font-weight: 500;
}

/* Ajuste do ícone no rodapé para combinar com o header */
.csxp-footer-logo .csxp-brand-icon {
    width: 42px;
    height: 42px;
    background: var(--csh-accent, #10b981);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    flex-shrink: 0; /* Impede o ícone de amassar */
}

.csxp-footer-logo .csxp-brand-icon svg {
    width: 24px;
    height: 24px;
}

/* Centralização apenas no mobile se preferires, ou manter à esquerda */
@media (max-width: 767px) {
    .csxp-footer-brand {
        display: flex;
        flex-direction: column;
        align-items: center; /* Se quiseres o logo centralizado no mobile */
        text-align: center;
    }
    .csxp-footer-logo {
        justify-content: center;
    }
}

/* Estilização das Badges com Links */
.csxp-trust-badge {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
}

.csxp-trust-badge:hover {
    transform: translateY(-2px);
    filter: brightness(1.2);
}

/* Ícones sobre tom */
.badge-icon {
    width: 14px;
    height: 14px;
    opacity: 0.5; /* Aqui faz o efeito tom sobre tom (discreto) */
}

/* Cores no Modo Dark */
html.cs-theme-dark .csxp-trust-badge {
    background: rgba(255, 255, 255, 0.05) !important;
    color: rgba(255, 255, 255, 0.7) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

/* Cores no Modo Light */
html.cs-theme-light .csxp-trust-badge {
    background: rgba(0, 0, 0, 0.04) !important;
    color: rgba(0, 0, 0, 0.6) !important;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
}

/* No hover, o ícone ganha vida */
.csxp-trust-badge:hover .badge-icon {
    opacity: 1;
    color: var(--csh-accent, #10b981);
}


/* Garante que os ícones SVG mantenham a proporção */
.badge-icon {
    width: 14px;
    height: 14px;
    display: inline-block;
    vertical-align: middle;
    flex-shrink: 0;
    opacity: 0.6;
    transition: opacity 0.2s ease;
}

/* Ajuste específico para o ícone do Google (que é mais largo que alto) */
.csxp-trust-badge svg[viewBox="0 0 488 512"] {
    width: 13px; /* Um pouco menor para equilibrar visualmente */
}

.csxp-trust-badge:hover .badge-icon {
    opacity: 1;
    color: var(--csh-accent, #10b981);
}/* End custom CSS */