/* Home 2026 — nova arquitetura comercial Vetta */
.home-pillars{background:#fff}
.home-pillars .section-head{align-items:start}
.home-pillars .section-head p{max-width:560px}
.pillar-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.pillar-card{position:relative;display:flex;flex-direction:column;min-height:550px;padding:32px;border:1px solid var(--line);border-radius:24px;background:#fff;box-shadow:0 18px 52px rgba(27,63,107,.08);overflow:hidden}
.pillar-card::after{content:"";position:absolute;width:260px;height:260px;border:1px solid rgba(74,182,184,.16);border-radius:50%;right:-150px;bottom:-150px}
.pillar-card.featured{background:var(--navy);border-color:var(--navy);color:#fff}
.pillar-card .pillar-label{display:inline-flex;align-items:center;gap:9px;color:var(--turquoise);font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.pillar-card.featured .pillar-label{color:#8ce0e2}
.pillar-card h3{font-family:"Tenorite","Montserrat",Arial,sans-serif;font-size:clamp(28px,2.2vw,38px);line-height:1.05;letter-spacing:-.025em;margin:18px 0 18px;color:var(--navy)}
.pillar-card.featured h3{color:#fff}
.pillar-card>p{max-width:570px;color:var(--muted);font-size:13px;line-height:1.65;margin:0 0 22px}
.pillar-card.featured>p{color:rgba(255,255,255,.78)}
.service-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 16px;margin:24px 0 32px;padding:0;list-style:none}
.service-list li{position:relative;padding:9px 0 9px 20px;border-bottom:1px solid rgba(27,63,107,.10);font-size:12px;font-weight:650;color:var(--navy)}
.service-list li::before{content:"";position:absolute;left:0;top:16px;width:7px;height:7px;border-radius:50%;background:var(--gold)}
.pillar-card.featured .service-list li{color:#fff;border-bottom-color:rgba(255,255,255,.13)}
.pillar-card .btn{position:relative;z-index:1;margin-top:auto;align-self:flex-start}
.pillar-card.courier-card{border-color:rgba(74,182,184,.28);background:linear-gradient(145deg,#f4fbfb 0%,#ffffff 68%)}
.pillar-card.courier-card::before{content:"";position:absolute;left:32px;right:32px;top:0;height:3px;border-radius:0 0 8px 8px;background:linear-gradient(90deg,var(--turquoise),rgba(74,182,184,.08))}
.pillar-card.courier-card .pillar-label{color:#249a9e}
.pillar-card.courier-card .service-list li::before{background:var(--turquoise)}

.outsourcing-section{background:linear-gradient(135deg,#f4f8fa 0%,#fff 100%)}
.vetta-who-shell{display:grid;gap:34px}
.vetta-who-top{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:70px;align-items:start}
.outsourcing-title h2{font-size:clamp(36px,4vw,58px);margin-bottom:0}
.outsourcing-copy{display:grid;gap:18px;padding-top:28px}
.outsourcing-copy p{margin:0;color:#53697c;font-size:15px;line-height:1.75}
.vetta-who-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.vetta-who-card{padding:24px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 14px 38px rgba(27,63,107,.06)}
.vetta-who-card strong{display:block;color:var(--navy);font-size:16px;margin-bottom:8px}
.vetta-who-card p{margin:0;color:var(--muted);font-size:12px;line-height:1.6}

.world-section{position:relative;overflow:hidden;background:#f6f9fb;color:var(--navy)}
.world-section::before,.world-section::after{content:"";position:absolute;border:1px solid rgba(74,182,184,.16);border-radius:50%;pointer-events:none}
.world-section::before{width:500px;height:500px;left:-290px;top:-180px}
.world-section::after{width:620px;height:620px;right:-400px;bottom:-360px}
.world-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(360px,.88fr) minmax(0,1.12fr);gap:42px;align-items:center}
.world-copy .kicker{color:var(--turquoise)}
.world-stackmark{display:grid;justify-items:start;gap:8px;margin:12px 0 22px}
.world-stackmark span{font-size:clamp(42px,6vw,84px);font-weight:800;letter-spacing:-.05em;color:var(--navy);line-height:.92}
.world-stackmark .accent{color:var(--gold)}
.world-stackmark i{font-style:normal;font-size:clamp(26px,3vw,40px);line-height:1;color:var(--turquoise)}
.world-copy h2{color:var(--navy);font-size:clamp(34px,4vw,56px);margin-bottom:20px}
.world-copy p{color:var(--muted);font-size:15px;margin:0 0 14px}
.world-caption{display:inline-flex;align-items:center;min-height:48px;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 10px 28px rgba(27,63,107,.05)}
.world-map-card{display:flex;align-items:center;justify-content:center;padding:20px;border:1px solid var(--line);border-radius:24px;background:#fff;box-shadow:0 18px 48px rgba(27,63,107,.08)}
.world-map-card img{display:block;width:100%;height:auto;border-radius:16px;object-fit:contain}

.about-v2{background:var(--navy);color:#fff}
.about-v2-shell{display:grid;gap:30px}
.about-v2-heading .kicker{color:#8ce0e2}
.about-v2-heading h2{color:#fff;max-width:980px;font-size:clamp(34px,4vw,56px);margin-bottom:0}
.about-v2-services{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:0}
.about-v2-service{padding:22px;border:1px solid rgba(255,255,255,.14);border-radius:16px;background:rgba(255,255,255,.07)}
.about-v2-service strong{display:block;color:#fff;font-size:14px;margin-bottom:9px}
.about-v2-service span{display:block;color:rgba(255,255,255,.72);font-size:11px;line-height:1.6}

.tools.home-tools{background:#f6f9fb;color:var(--navy)}
.home-tools .tools-wrap.home-tools-v2{display:block}
.home-tools .tools-copy{max-width:760px}
.home-tools .tools-copy .kicker{color:var(--turquoise)}
.home-tools .tools-copy h2{color:var(--navy)}
.home-tools .tools-copy p{color:var(--muted)}
.home-tools .tool-cards.home-tool-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-top:30px}
.home-tools .tool-card.home-tool-card{min-height:390px;padding:18px;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:0 15px 42px rgba(27,63,107,.08);display:grid;grid-template-rows:auto 54px 1fr auto;gap:10px}
.home-tool-visual{display:flex;align-items:center;justify-content:center;height:152px;padding:9px;border-radius:16px;background:linear-gradient(180deg,#fbfdff,#f1f6f9);overflow:hidden}
.home-tool-visual img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}
.home-tools .home-tool-card h3{margin:0;color:var(--navy);font-size:18px;line-height:1.2;display:flex;align-items:flex-start}
.home-tools .home-tool-card p{margin:0;color:var(--muted);font-size:11px;line-height:1.55}
.home-tools .home-tool-card .tool-action{width:100%;min-height:54px;padding:12px 10px;font-size:10px;display:flex;align-items:center;justify-content:center;text-align:center;white-space:normal}

.client-access-v2{background:#fff}
.client-access-shell{display:grid;grid-template-columns:1fr .9fr;gap:62px;align-items:center;padding:52px;border:1px solid var(--line);border-radius:28px;background:linear-gradient(135deg,#fff 0%,#f4f8fa 100%);box-shadow:0 22px 60px rgba(27,63,107,.08)}
.client-access-v2 h2{margin-bottom:20px}
.client-access-v2 p{color:var(--muted);font-size:15px;max-width:720px}
.client-access-card{padding:34px;border-radius:22px;background:var(--navy);color:#fff;box-shadow:0 20px 48px rgba(27,63,107,.18)}
.client-access-card strong{display:block;font-size:20px;margin-bottom:12px}
.client-access-card p{color:rgba(255,255,255,.76);font-size:13px;margin:0 0 24px}
.client-access-features{display:grid;gap:10px;margin:22px 0 28px}
.client-access-features span{display:flex;align-items:center;gap:10px;color:rgba(255,255,255,.88);font-size:12px}
.client-access-features i{font-style:normal;color:var(--gold);font-weight:900}

.quote-compact{background:#f6f9fb}
.quote-compact-shell{display:flex;align-items:center;justify-content:space-between;gap:45px;padding:42px 46px;border-radius:22px;background:#fff;border:1px solid var(--line);box-shadow:0 16px 48px rgba(27,63,107,.07)}
.quote-compact-copy .kicker{margin-bottom:9px}
.quote-compact-copy h2{font-size:clamp(30px,3.5vw,48px);margin-bottom:10px}
.quote-compact-copy p{color:var(--muted);margin:0;max-width:680px;font-size:14px}

.final-cta{background:linear-gradient(135deg,#173859 0%,#1b3f6b 62%,#205174 100%);color:#fff;padding:88px 0}
.final-cta-grid{display:flex;align-items:center;justify-content:space-between;gap:55px}
.final-cta h2{color:#fff;font-size:clamp(38px,4.5vw,62px);max-width:760px;margin-bottom:16px}
.final-cta p{color:rgba(255,255,255,.76);font-size:15px;margin:0;max-width:720px}
.final-cta-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end}
.final-cta .btn-outline{color:#fff;border-color:rgba(255,255,255,.42);background:transparent}
.final-cta .btn-outline:hover{border-color:#fff}

.footer-v2 .footer-top{align-items:flex-start}
.footer-v2 .footer-brand p{max-width:330px;line-height:1.7}
.footer-contact{display:grid;gap:8px;margin-top:18px;color:var(--muted);font-size:11px}
.footer-contact a:hover{color:var(--turquoise)}
.footer-v2 .footer-links{grid-template-columns:repeat(2,minmax(150px,190px))}
.footer-legal{display:flex;flex-wrap:wrap;gap:16px}
.footer-legal a{color:#8a99a8}
.footer-legal a:hover{color:var(--turquoise)}

.hero .hero-actions .btn-outline{background:rgba(255,255,255,.92)}
.hero-v2-eyebrow{max-width:620px}
.hero-v2-lead{max-width:690px}


@media(max-width:1180px){
  .home-tools .tool-cards.home-tool-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:1180px) and (min-width:981px){
  .pillar-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pillar-grid .pillar-card:last-child{grid-column:1/-1;min-height:auto}
  .pillar-grid .pillar-card:last-child .service-list{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:980px){
  .pillar-grid,.vetta-who-top,.world-grid,.client-access-shell{grid-template-columns:1fr}
  .pillar-grid .pillar-card:last-child{grid-column:auto}
  .vetta-who-top{gap:24px}.outsourcing-copy{padding-top:0}.vetta-who-cards{grid-template-columns:1fr}
  .world-grid{gap:28px}
  .world-stackmark{justify-items:flex-start;margin:8px 0 18px}
  .about-v2-services{grid-template-columns:repeat(2,minmax(0,1fr))}
  .home-tools .tool-cards.home-tool-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .quote-compact-shell,.final-cta-grid{align-items:flex-start;flex-direction:column}
  .final-cta-actions{justify-content:flex-start}
}
@media(max-width:700px){
  .pillar-card{padding:26px;min-height:auto}.service-list{grid-template-columns:1fr}
  .about-v2-services{grid-template-columns:1fr}
  .home-tools .tool-cards.home-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .home-tools .tool-card.home-tool-card{min-height:360px}
  .home-tool-visual{height:140px}
  .client-access-shell{padding:28px}.client-access-card{padding:26px}
  .quote-compact-shell{padding:30px 26px}
  .world-stackmark span{font-size:52px}
  .world-stackmark i{font-size:28px}
  .world-map-card{padding:14px}
}

/* ==========================================================
   Home — largura fluida e centralizada
   ==========================================================
   A Home tinha duas causas para diferenças visuais entre
   computadores/navegadores:
   1) o container desktop parava rigidamente em 1220px;
   2) a imagem da Hero usava 100vw dentro de um container.

   Mantemos o conteúdo centralizado, mas com largura realmente
   responsiva no desktop, sem deixar grandes faixas vazias nas
   laterais quando o viewport efetivo fica mais largo.
   ========================================================== */
body.home-page{
  width:100%;
  max-width:100%;
  overflow-x:clip;
}
@supports not (overflow:clip){
  body.home-page{overflow-x:hidden}
}
body.home-page main,
body.home-page .site-header,
body.home-page .site-footer{
  width:100%;
  max-width:none;
  margin-inline:0;
}

@media (min-width:821px){
  body.home-page .container,
  body.home-page .site-header .container,
  body.home-page .site-header .nav-container{
    width:min(calc(100% - clamp(32px,8vw,180px)),2200px)!important;
    max-width:none!important;
    margin-inline:auto!important;
  }
}

body.home-page .hero#home,
body.home-page .hero#home .hero-stage,
body.home-page .hero-strip,
body.home-page main>section{
  width:100%;
  max-width:none;
}
body.home-page .hero#home .hero-stage{
  position:relative;
  isolation:isolate;
}
body.home-page .hero#home .hero-grid{
  position:relative;
  z-index:1;
}
body.home-page .hero#home .hero-visual{
  left:0!important;
  right:0!important;
  width:100%!important;
  min-width:0!important;
  transform:none!important;
}
body.home-page .hero-strip{
  position:relative;
  z-index:2;
}

/* VETTA — CTA final em exatamente duas linhas no desktop */
.final-cta-line{display:block}
@media(min-width:821px){
  .final-cta h2{max-width:860px}
  .final-cta-line{white-space:nowrap}
}
@media(max-width:820px){.final-cta-line{white-space:normal}}

@media(max-width:520px){
  .home-tools .tool-cards.home-tool-grid{grid-template-columns:1fr}
  .home-tools .tool-card.home-tool-card{min-height:auto}
}


/* Home final spacing + Vetta Market snapshot refinements */
.home-tools .tools-copy h2{max-width:620px}
.home-tools-title-line{display:block}

.home-market-section{background:#f6f9fb}
.home-market-grid{display:grid;grid-template-columns:minmax(380px,.92fr) minmax(0,1.08fr);gap:34px;align-items:stretch}
.home-market-snapshot{padding:28px;border:1px solid var(--line);border-radius:24px;background:#fff;box-shadow:0 16px 48px rgba(27,63,107,.08)}
.home-market-snapshot-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:18px}
.home-market-snapshot-head .kicker{margin:0;color:var(--turquoise)}
.home-market-snapshot-head strong{color:var(--navy);font-size:15px}
.home-market-snapshot-list{display:grid;gap:10px}
.home-market-snapshot-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;padding:15px 16px;border:1px solid var(--line);border-radius:14px;background:#f8fbfc}
.home-market-snapshot-row>div:first-child>strong{display:block;color:var(--navy);font-size:11px;line-height:1.35}
.home-market-snapshot-row small{display:block;margin-top:4px;color:var(--muted);font-size:8px}
.home-market-snapshot-value{text-align:right}
.home-market-snapshot-value b{display:block;color:var(--navy);font-size:11px;white-space:nowrap}
.home-market-snapshot-value span{display:block;margin-top:4px;font-size:8px;font-weight:700;color:var(--muted)}
.home-market-copy{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:34px 38px;border-radius:24px;background:#fff;border:1px solid var(--line);box-shadow:0 16px 48px rgba(27,63,107,.07)}
.home-market-copy .btn{margin-top:24px}

/* Use one vertical rhythm for every standard Home section. */
body.home-page main>.section{padding-top:72px!important;padding-bottom:72px!important;margin-top:0!important;margin-bottom:0!important}
body.home-page main>.final-cta{padding-top:72px!important;padding-bottom:72px!important}

@media(max-width:900px){
  .home-market-grid{grid-template-columns:1fr}
  body.home-page main>.section,body.home-page main>.final-cta{padding-top:56px!important;padding-bottom:56px!important}
}
@media(max-width:640px){
  .home-market-snapshot{padding:20px}
  .home-market-snapshot-head{align-items:flex-start;flex-direction:column;gap:7px}
  .home-market-snapshot-row{grid-template-columns:1fr;gap:8px}
  .home-market-snapshot-value{text-align:left}
  .home-market-copy{padding:26px 22px}
  body.home-page main>.section,body.home-page main>.final-cta{padding-top:44px!important;padding-bottom:44px!important}
}


/* ==========================================================
   HOME MOBILE — Vetta Market câmbio + faixa inferior da Hero
   2026-08-27
   ========================================================== */
.vetta-fx-mobile-filter{display:none}

@keyframes vettaFxOnlineGlow{
  0%,100%{box-shadow:0 0 0 3px rgba(61,214,161,.10),0 0 5px rgba(61,214,161,.25);transform:scale(.92)}
  50%{box-shadow:0 0 0 6px rgba(61,214,161,.17),0 0 13px rgba(61,214,161,.72);transform:scale(1.08)}
}

@media(max-width:820px){
  /* Row 1: brand left + filter menu right. Row 2: marquee full width. */
  body.home-page .vetta-fx-ticker{overflow:visible;z-index:120}
  body.home-page .vetta-fx-ticker-inner{
    min-height:82px;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-areas:"brand control" "viewport viewport";
    align-items:center!important;
    gap:7px 10px!important;
    padding-top:8px!important;
    padding-bottom:8px!important;
  }
  body.home-page .vetta-fx-brand{
    grid-area:brand;
    justify-self:start;
    min-width:0;
    font-size:9px!important;
    letter-spacing:.075em;
    line-height:1.2;
  }
  body.home-page .vetta-fx-brand i{
    width:8px;
    height:8px;
    flex:0 0 8px;
    background:#42d49d;
    animation:vettaFxOnlineGlow 2.25s ease-in-out infinite;
  }
  body.home-page .vetta-fx-viewport{
    grid-area:viewport;
    width:100%;
    min-width:0;
    height:29px;
    display:flex;
    align-items:center;
    overflow:hidden;
    mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);
    -webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);
  }
  body.home-page .vetta-fx-track{animation-duration:30s}
  body.home-page .vetta-fx-group{gap:22px;padding-right:22px}
  body.home-page .vetta-fx-item{font-size:10px;gap:6px}
  body.home-page .vetta-fx-item strong,body.home-page .vetta-fx-item b{font-size:10px}
  body.home-page .vetta-fx-item em{font-size:8px}

  body.home-page .vetta-fx-control{
    grid-area:control!important;
    justify-self:end!important;
    align-self:center!important;
    grid-column:auto!important;
    padding:0!important;
    margin:0!important;
  }
  body.home-page .vetta-fx-control>label,
  body.home-page .vetta-fx-control>select,
  body.home-page .vetta-fx-market-link{display:none!important}
  body.home-page .vetta-fx-mobile-filter{display:block;position:relative}
  body.home-page .vetta-fx-mobile-toggle{
    height:32px;
    min-width:112px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    padding:0 10px 0 12px;
    border:1px solid rgba(255,255,255,.20);
    border-radius:12px;
    background:rgba(255,255,255,.10);
    color:#fff;
    font:700 9px/1 Montserrat,Arial,sans-serif;
    letter-spacing:.02em;
    cursor:pointer;
    transition:background .2s ease,border-color .2s ease,transform .2s ease;
  }
  body.home-page .vetta-fx-mobile-toggle:hover,
  body.home-page .vetta-fx-mobile-filter.open .vetta-fx-mobile-toggle{
    background:rgba(255,255,255,.17);
    border-color:rgba(255,255,255,.32);
  }
  body.home-page .vetta-fx-hamburger{width:16px;height:14px;display:flex;flex-direction:column;justify-content:space-between;flex:0 0 16px}
  body.home-page .vetta-fx-hamburger b{display:block;width:16px;height:2px;border-radius:999px;background:currentColor;transition:transform .22s ease,opacity .22s ease}
  body.home-page .vetta-fx-mobile-filter.open .vetta-fx-hamburger b:nth-child(1){transform:translateY(6px) rotate(45deg)}
  body.home-page .vetta-fx-mobile-filter.open .vetta-fx-hamburger b:nth-child(2){opacity:0}
  body.home-page .vetta-fx-mobile-filter.open .vetta-fx-hamburger b:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
  body.home-page .vetta-fx-mobile-menu{
    position:absolute;
    right:0;
    top:calc(100% + 8px);
    width:172px;
    padding:8px;
    border:1px solid rgba(27,63,107,.10);
    border-radius:16px;
    background:rgba(255,255,255,.99);
    box-shadow:0 20px 52px rgba(10,35,62,.28);
    opacity:0;
    visibility:hidden;
    transform:translateY(-7px) scale(.97);
    transform-origin:top right;
    transition:opacity .2s ease,transform .2s ease,visibility .2s ease;
    z-index:25000;
  }
  body.home-page .vetta-fx-mobile-filter.open .vetta-fx-mobile-menu{opacity:1;visibility:visible;transform:translateY(0) scale(1)}
  body.home-page .vetta-fx-mobile-menu button{
    width:100%;
    min-height:40px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:0 11px;
    border:0;
    border-radius:10px;
    background:transparent;
    color:#17395f;
    font:700 10px/1.2 Montserrat,Arial,sans-serif;
    text-align:left;
    cursor:pointer;
  }
  body.home-page .vetta-fx-mobile-menu button:hover,
  body.home-page .vetta-fx-mobile-menu button.active{background:#eef5f8}
  body.home-page .vetta-fx-mobile-menu button i{font-style:normal;color:#2eae82;font-size:12px;opacity:0}
  body.home-page .vetta-fx-mobile-menu button.active i{opacity:1}

  /* Blue strip below Hero: compact, readable, never clipped. */
  body.home-page .hero-strip{min-height:0!important}
  body.home-page .hero-strip .strip-grid{
    grid-template-columns:1fr!important;
    gap:7px!important;
    padding-top:10px!important;
    padding-bottom:10px!important;
  }
  body.home-page .hero-strip .strip-grid>span{
    display:block;
    width:100%;
    font-size:8.5px!important;
    line-height:1.35!important;
    letter-spacing:.055em!important;
    white-space:normal!important;
    text-align:center;
  }
  body.home-page .hero-strip .strip-flow{
    width:100%;
    display:grid!important;
    grid-template-columns:auto minmax(14px,1fr) auto minmax(14px,1fr) auto minmax(14px,1fr) auto!important;
    align-items:center;
    gap:5px!important;
    justify-content:stretch!important;
    overflow:visible!important;
    font-size:6.8px!important;
    letter-spacing:.045em!important;
    line-height:1.1;
  }
  body.home-page .hero-strip .strip-flow span{white-space:nowrap;min-width:0;text-align:center}
  body.home-page .hero-strip .strip-flow i{width:100%!important;min-width:14px!important;max-width:none!important}
}

@media(max-width:430px){
  body.home-page .vetta-fx-ticker-inner{padding-left:12px!important;padding-right:12px!important}
  body.home-page .vetta-fx-brand{font-size:8.3px!important;letter-spacing:.055em}
  body.home-page .vetta-fx-mobile-toggle{min-width:104px;padding-left:10px;font-size:8.5px}
  body.home-page .hero-strip .strip-grid>span{font-size:7.7px!important;letter-spacing:.04em!important}
  body.home-page .hero-strip .strip-flow{gap:3px!important;font-size:6.1px!important;letter-spacing:.02em!important}
  body.home-page .hero-strip .strip-flow i{min-width:9px!important}
}

@media(prefers-reduced-motion:reduce){
  body.home-page .vetta-fx-brand i{animation:none;box-shadow:0 0 0 4px rgba(61,214,161,.14)}
}


/* ==========================================================
   HOME — refinamentos câmbio/hero/ferramentas
   2026-08-28
   ========================================================== */

/* Desktop: filtro de câmbio com o mesmo conceito visual do menu de idiomas. */
@media(min-width:821px){
  body.home-page .vetta-fx-control>label,
  body.home-page .vetta-fx-control>select{display:none!important}
  body.home-page .vetta-fx-mobile-filter{display:block!important;position:relative;z-index:23000}
  body.home-page .vetta-fx-mobile-toggle{
    min-width:118px;
    height:34px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:9px;
    padding:0 12px 0 14px;
    border:1px solid rgba(27,63,107,.13);
    border-radius:999px;
    background:#fff;
    color:#1b3f6b;
    box-shadow:0 6px 18px rgba(27,63,107,.08);
    font:800 10px/1 Montserrat,Arial,sans-serif;
    cursor:pointer;
    transition:border-color .18s ease,box-shadow .18s ease,background .18s ease,transform .18s ease;
  }
  body.home-page .vetta-fx-mobile-toggle:hover,
  body.home-page .vetta-fx-mobile-toggle:focus-visible,
  body.home-page .vetta-fx-mobile-filter.open .vetta-fx-mobile-toggle{
    background:#f2f8fa;
    border-color:rgba(74,182,184,.42);
    box-shadow:0 9px 24px rgba(27,63,107,.12);
    outline:none;
  }
  body.home-page .vetta-fx-hamburger{
    position:relative;
    width:13px;
    height:8px;
    flex:0 0 13px;
    display:block;
    transition:transform .2s ease;
  }
  body.home-page .vetta-fx-hamburger b{display:none!important}
  body.home-page .vetta-fx-hamburger::before,
  body.home-page .vetta-fx-hamburger::after{
    content:"";
    position:absolute;
    top:3px;
    width:7px;
    height:2px;
    border-radius:999px;
    background:currentColor;
  }
  body.home-page .vetta-fx-hamburger::before{left:0;transform:rotate(42deg)}
  body.home-page .vetta-fx-hamburger::after{right:0;transform:rotate(-42deg)}
  body.home-page .vetta-fx-mobile-filter.open .vetta-fx-hamburger{transform:rotate(180deg)}
  body.home-page .vetta-fx-mobile-menu{
    position:absolute;
    top:calc(100% + 10px);
    right:0;
    width:220px;
    padding:9px;
    border:1px solid rgba(27,63,107,.10);
    border-radius:20px;
    background:#fff;
    box-shadow:0 24px 60px rgba(12,34,58,.20),0 4px 14px rgba(12,34,58,.08);
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transform:translateY(-8px) scale(.97);
    transform-origin:top right;
    transition:opacity .2s ease,transform .2s ease,visibility .2s ease;
    overflow:hidden;
    z-index:23500;
  }
  body.home-page .vetta-fx-mobile-filter.open .vetta-fx-mobile-menu{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transform:translateY(0) scale(1);
  }
  body.home-page .vetta-fx-mobile-menu button{
    width:100%;
    min-height:48px;
    display:grid;
    grid-template-columns:1fr 24px;
    gap:10px;
    align-items:center;
    padding:0 12px;
    border:0;
    border-radius:13px;
    background:transparent;
    color:#1b3f6b;
    font:600 12px/1.2 Montserrat,Arial,sans-serif;
    text-align:left;
    cursor:pointer;
    transition:background .16s ease,transform .16s ease;
  }
  body.home-page .vetta-fx-mobile-menu button+button{margin-top:3px}
  body.home-page .vetta-fx-mobile-menu button:hover,
  body.home-page .vetta-fx-mobile-menu button:focus-visible{
    background:#f2f8fa;
    transform:translateX(2px);
    outline:none;
  }
  body.home-page .vetta-fx-mobile-menu button.active{background:rgba(74,182,184,.11)}
  body.home-page .vetta-fx-mobile-menu button i{
    width:22px;
    height:22px;
    display:grid;
    place-items:center;
    justify-self:end;
    border-radius:50%;
    background:#4ab6b8;
    color:#fff;
    font-style:normal;
    font-size:11px;
    font-weight:900;
    opacity:0;
  }
  body.home-page .vetta-fx-mobile-menu button.active i{opacity:1}
}

@media(max-width:820px){
  /* Em telas touch, o :hover residual não pode pausar o marquee depois da escolha do filtro. */
  body.home-page .vetta-fx-ticker:hover .vetta-fx-track,
  body.home-page .vetta-fx-ticker:active .vetta-fx-track,
  body.home-page .vetta-fx-track{animation-play-state:running!important}

  /* Hero mobile mais compacto, preservando integralmente textos e botões. */
  body.home-page .hero#home .hero-grid{
    min-height:610px!important;
    padding-top:34px!important;
    padding-bottom:38px!important;
  }
  body.home-page .hero#home .hero-copy::before{top:-14px!important;bottom:-14px!important}
  body.home-page .hero#home .eyebrow{margin-bottom:17px!important}
  body.home-page .hero#home .hero-lead{margin-top:20px!important;margin-bottom:24px!important}

  /* Título da seção Ferramentas sempre em exatamente duas linhas. */
  body.home-page .home-tools .tools-copy h2{
    max-width:100%!important;
    font-size:clamp(22px,7.2vw,36px)!important;
    line-height:1.06!important;
    letter-spacing:-.035em!important;
  }
  body.home-page .home-tools-title-line{
    display:block!important;
    width:max-content;
    max-width:100%;
    white-space:nowrap!important;
  }
}

@media(max-width:560px){
  body.home-page .hero#home .hero-grid{
    min-height:575px!important;
    padding-top:27px!important;
    padding-bottom:31px!important;
  }
}

@media(max-width:360px){
  body.home-page .home-tools .tools-copy h2{font-size:21px!important}
}


/* ==========================================================
   HOME DESKTOP — correção do menu do câmbio
   2026-08-28 01:17
   ========================================================== */
@media(min-width:821px){
  /* O dropdown precisa sair dos limites da faixa azul. */
  body.home-page .vetta-fx-ticker{overflow:visible!important;z-index:120!important}
  body.home-page .vetta-fx-ticker-inner{overflow:visible!important}
  body.home-page .vetta-fx-control{overflow:visible!important;position:relative!important}

  /* Preserva a posição original do seletor: antes do link Abrir Vetta Market. */
  body.home-page .vetta-fx-mobile-filter{order:1!important;display:block!important;position:relative!important}
  body.home-page .vetta-fx-market-link{order:2!important}

  /* Garante interação do menu no desktop. */
  body.home-page .vetta-fx-mobile-toggle{position:relative!important;z-index:2!important;pointer-events:auto!important}
  body.home-page .vetta-fx-mobile-menu{left:0!important;right:auto!important;transform-origin:top left!important;z-index:25000!important}
  body.home-page .vetta-fx-mobile-filter.open .vetta-fx-mobile-menu{pointer-events:auto!important}
}


/* ==========================================================
   HOME DESKTOP — seta do câmbio + marquee contínuo
   2026-08-28 01:22
   ========================================================== */
.vetta-fx-toggle-chevron{display:none}

@media(min-width:821px){
  /* Usa exatamente o mesmo desenho de chevron do seletor de idiomas. */
  body.home-page .vetta-fx-hamburger{display:none!important}
  body.home-page .vetta-fx-toggle-chevron{
    display:block!important;
    width:14px!important;
    height:14px!important;
    flex:0 0 14px!important;
    fill:none!important;
    stroke:currentColor!important;
    stroke-width:2!important;
    stroke-linecap:round!important;
    stroke-linejoin:round!important;
    transition:transform .2s ease!important;
  }
  body.home-page .vetta-fx-mobile-filter.open .vetta-fx-toggle-chevron{transform:rotate(180deg)!important}

  /* O câmbio permanece em movimento ao interagir com o seletor/dropdown. */
  body.home-page .vetta-fx-ticker:hover .vetta-fx-track,
  body.home-page .vetta-fx-ticker:focus-within .vetta-fx-track,
  body.home-page .vetta-fx-track{animation-play-state:running!important}
}

@media(max-width:820px){
  body.home-page .vetta-fx-toggle-chevron{display:none!important}
}

/* ==========================================================
   HOME DESKTOP — pausa do marquee no hover + status online
   2026-08-28 02:20
   ========================================================== */
@media(min-width:821px){
  /* O marquee pausa somente quando o ponteiro está sobre a área rolante. */
  body.home-page .vetta-fx-viewport:hover .vetta-fx-track{
    animation-play-state:paused!important;
  }

  /* O indicador online do Vetta Market replica o pulso/brilho do mobile. */
  body.home-page .vetta-fx-brand i{
    width:8px!important;
    height:8px!important;
    flex:0 0 8px!important;
    border-radius:50%!important;
    background:#42d49d!important;
    animation:vettaFxOnlineGlow 2.25s ease-in-out infinite!important;
  }
}

@media(min-width:821px) and (prefers-reduced-motion:reduce){
  body.home-page .vetta-fx-brand i{
    animation:none!important;
    box-shadow:0 0 0 4px rgba(61,214,161,.14),0 0 9px rgba(61,214,161,.34)!important;
  }
}