/* WE3 — visual unificado do site (14/09/2026). Tudo segue a home: azul-marinho #0a1a3a/#10265a, azul #2f6bff,
   ciano #20d3c2, texto #1b2440/#5b6785, títulos Plus Jakarta Sans, texto Inter, cantos 12–16px.
   body.we3-inst = páginas institucionais (tema do Laravel)   body.we3-loja = loja, carrinho e conta
   v2 (14/09 tarde): regras de título só trocam a FONTE (a cor fica com cada seção — antes escurecia títulos em fundo escuro). */

/* ---------------- institucionais (tema template v2) ---------------- */
body.we3-inst{
  --color-primary:#2f6bff;--color-secondary:#1b2440;--color-third:#20d3c2;--btc:#5b6785;--color-secondary-dark:#0a1a3a;
  --font-primary:"Plus Jakarta Sans","Inter",sans-serif;--font-secondary:"Inter",sans-serif;
  --primary-gradient:linear-gradient(180deg,#2f6bff 0%,#1f4fd6 100%);
  --banner-one-bg:linear-gradient(160deg,#0a1a3a 0%,#10265a 100%);
  --banner-most-used-bg:linear-gradient(160deg,#0a1a3a 0%,#10265a 100%);
  --pricing-single-bg:linear-gradient(160deg,#10265a 0%,#1f4fd6 100%);
  --cta-two-bg:linear-gradient(160deg,#0a1a3a 0%,#10265a 100%);
  --testimonial-two-bg:linear-gradient(160deg,#0a1a3a 0%,#10265a 100%);
  --footer-style-one:#f5f8ff;--border-color:#e3e8f3;--light-border:#e3e8f3;--plan-bg:#f5f8ff;
  font-family:"Inter",-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:#5b6785;background:#fff
}
body.we3-inst h1,body.we3-inst h2,body.we3-inst h3,body.we3-inst h4,body.we3-inst h5,body.we3-inst h6{font-family:"Plus Jakarta Sans","Inter",sans-serif;letter-spacing:-.01em}
body.we3-inst h1,body.we3-inst h2{font-weight:800}
body.we3-inst a{transition:color .15s}
/* banners do topo: fundo da home (marinho, brilho azul/ciano e grade) e sem o espaço do cabeçalho antigo */
body.we3-inst .rts-hosting-banner-bg,body.we3-inst .banner-default-height,body.we3-inst .rts-banner,body.we3-inst .rts-hero,body.we3-inst .rts-breadcrumb-area,body.we3-inst .breadcrumb-area{
  position:relative;overflow:hidden;background:radial-gradient(1100px 560px at 85% -10%,rgba(47,107,255,.45),transparent 60%),radial-gradient(800px 460px at -10% 110%,rgba(32,211,194,.18),transparent 60%),linear-gradient(160deg,#0a1a3a 0%,#10265a 100%)!important;
  padding-top:72px!important;padding-bottom:72px!important;min-height:0!important;height:auto!important
}
body.we3-inst .rts-hosting-banner-bg:before,body.we3-inst .banner-default-height:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:linear-gradient(180deg,#000 30%,transparent 100%);mask-image:linear-gradient(180deg,#000 30%,transparent 100%);pointer-events:none}
body.we3-inst .rts-hosting-banner-bg .container,body.we3-inst .banner-default-height .container{position:relative;z-index:1}
body.we3-inst .rts-hosting-banner-bg h1,body.we3-inst .banner-default-height h1,body.we3-inst .banner-title{color:#fff!important;font-size:clamp(32px,4.2vw,52px)!important;line-height:1.12!important;font-weight:800!important}
body.we3-inst .rts-hosting-banner-bg p,body.we3-inst .banner-default-height p,body.we3-inst .slogan{color:#c9d5f2!important;font-size:18px!important;line-height:1.6!important}
body.we3-inst .starting__price,body.we3-inst .rts-hosting-banner-bg .sub-title,body.we3-inst .banner-default-height span.starting__price{display:inline-flex!important;align-items:center;gap:8px;font-size:13px!important;font-weight:600!important;letter-spacing:.04em;text-transform:uppercase;color:#20d3c2!important;background:rgba(32,211,194,.1)!important;border:1px solid rgba(32,211,194,.35)!important;padding:6px 12px!important;border-radius:999px!important}
/* botões: primário azul, contorno branco no banner, WhatsApp verde */
body.we3-inst .secondary__bg,body.we3-inst .btn__two,body.we3-inst .primary__btn,body.we3-inst .primary__bg{background:#2f6bff!important;color:#fff!important;border:0!important;border-radius:10px!important;font-weight:700!important;padding:14px 22px!important;box-shadow:none;transition:transform .15s,box-shadow .15s,background .15s}
body.we3-inst .secondary__bg:hover,body.we3-inst .btn__two:hover,body.we3-inst .primary__btn:hover,body.we3-inst .primary__bg:hover{background:#1f4fd6!important;color:#fff!important;transform:translateY(-2px);box-shadow:0 10px 30px rgba(47,107,255,.35)}
body.we3-inst .btn__white{color:#fff!important;border:1.5px solid rgba(255,255,255,.35)!important;border-radius:10px!important;padding:12px 20px!important;text-decoration:none!important}
body.we3-inst .btn__white:hover{border-color:#fff!important}
body.we3-inst .secondary__color{color:#fff!important}
/* títulos de seção e cartões (seções claras do tema) */
body.we3-inst .rts-section__title,body.we3-inst .section-title{font-weight:800!important}
body.we3-inst .section__padding{padding:84px 0}
body.we3-inst .single__feature,body.we3-inst .rts-cloud-feature .single-feature,body.we3-inst .card-plan,body.we3-inst .pricing__card,body.we3-inst .single__faq,body.we3-inst .rts-service__single,body.we3-inst .service__single{border-radius:16px!important;border:1px solid #e3e8f3!important;box-shadow:0 10px 30px rgba(16,38,90,.06)!important;transition:transform .2s,box-shadow .2s}
body.we3-inst .single__feature:hover,body.we3-inst .card-plan:hover,body.we3-inst .pricing__card:hover,body.we3-inst .rts-service__single:hover{transform:translateY(-4px);box-shadow:0 20px 40px rgba(16,38,90,.1)!important}
body.we3-inst .accordion-button:not(.collapsed){color:#1f4fd6!important;background:#f5f8ff!important}
body.we3-inst .progress-wrap{box-shadow:inset 0 0 0 2px rgba(47,107,255,.3)}
body.we3-inst .progress-wrap path{stroke:#2f6bff}
/* home: o cabeçalho novo não fica mais por cima do banner */
body.we3-inst .we3h .hero{padding-top:84px}
/* espaçamento de título da home (o tema usa line-height fixo em px, que abre demais no celular) */
body.we3-inst h1,body.we3-inst h2,body.we3-inst h3{line-height:1.18!important}
body.we3-inst h4,body.we3-inst h5,body.we3-inst h6{line-height:1.3!important}
/* ícones do banner (fone amarelo #FFC107 em SVG) no ciano da home */
body.we3-inst .rts-hosting-banner-bg svg [fill="#FFC107"],body.we3-inst .banner-default-height svg [fill="#FFC107"],body.we3-inst .hosting-action svg [fill="#FFC107"]{fill:#20d3c2}
body.we3-inst .rts-hosting-banner-bg i,body.we3-inst .banner-default-height i{color:#20d3c2}

/* ---------------- loja, carrinho e conta ---------------- */
body.we3-loja{--azul:#2f6bff;--azul-escuro:#1f4fd6;--navy:#10265a;--tinta:#1b2440;--texto:#3f4a66;--suave:#5b6785;--borda:#e3e8f3;--painel:#f5f8ff;
  --az:#0a1a3a;--pri:#2f6bff;--pri2:#1f4fd6;--tx:#1b2440;--mut:#5b6785;--bd:#e3e8f3;--cl:#f5f8ff;
  font-family:"Inter",-apple-system,"Segoe UI",Roboto,Arial,sans-serif!important}
body.we3-loja h1,body.we3-loja h2,body.we3-loja h3{font-family:"Plus Jakarta Sans","Inter",sans-serif;letter-spacing:-.01em}
body.we3-loja h1{font-weight:800}
body.we3-loja .vitrine-banner{background:#0a1a3a}
body.we3-loja .vitrine-banner h1,body.we3-loja .vitrine-banner h2,body.we3-loja .vitrine-banner h3{color:#fff}
body.we3-loja .vb-t1,body.we3-loja .vb-t2,body.we3-loja .vb-t3,body.we3-loja .vb-t4,body.we3-loja .vb-t5,body.we3-loja .vb-t6{background:radial-gradient(900px 480px at 85% -10%,rgba(47,107,255,.45),transparent 60%),radial-gradient(700px 400px at -10% 110%,rgba(32,211,194,.16),transparent 60%),linear-gradient(160deg,#0a1a3a 0%,#10265a 100%)}
body.we3-loja .btn,body.we3-loja .btn-pri{border-radius:10px}
/* laranja e amarelo da loja antiga -> azul e ciano da home */
body.we3-loja .vb-cta{background:#2f6bff;border-radius:10px}
body.we3-loja .vb-cta:hover{background:#1f4fd6;box-shadow:0 10px 30px rgba(47,107,255,.35)}
body.we3-loja .vb-preco strong{background:linear-gradient(90deg,#9cc0ff,#20d3c2);-webkit-background-clip:text;background-clip:text;color:transparent}
body.we3-loja .vb-lista li:before{background-color:#20d3c2}
body.we3-loja .vb-garantias span:before{background:#20d3c2}
body.we3-loja .btn.carrinho{background:#2f6bff}
body.we3-loja .btn.carrinho:hover{background:#1f4fd6}
body.we3-loja .mini.ativa{border-color:#2f6bff}
body.we3-loja .vc.ativo .vc-ic{background:#2f6bff;box-shadow:0 6px 16px rgba(47,107,255,.35)}
body.we3-loja .vc.ativo .vc-ic.vc-foto{background:#fff;border-color:#2f6bff;box-shadow:0 6px 16px rgba(47,107,255,.3)}
body.we3-loja .mini:focus-visible,body.we3-loja .vb-seta:focus-visible,body.we3-loja .vb-pontos button:focus-visible,body.we3-loja .vb-cta:focus-visible,body.we3-loja .btn:focus-visible,body.we3-loja .card:focus-within,body.we3-loja .vc:focus-visible{outline-color:#20d3c2}