:root{--navy:#1B3F6B;--gold:#F0AE0D;--turquoise:#4AB6B8;--line:#DDE6EC;--soft:#F5F8FA;--muted:#667788;--container:1220px}
.commercial-hero{position:relative;overflow:hidden;padding:105px 0 88px;background:linear-gradient(135deg,#f8fbfc 0%,#fff 60%)}
.commercial-hero::after{content:"";position:absolute;width:560px;height:560px;border:1px solid rgba(74,182,184,.16);border-radius:50%;right:-300px;top:-230px}
.commercial-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.1fr .9fr;gap:65px;align-items:center}
.commercial-hero h1{font-family:"Tenorite","Montserrat",Arial,sans-serif;font-size:clamp(48px,6vw,78px);line-height:1;letter-spacing:-.04em;margin:0 0 24px;color:var(--navy)}
.commercial-hero p{max-width:720px;color:#53697c;font-size:16px;margin:0 0 30px}
.commercial-hero-card{min-height:390px;border-radius:28px 8px 28px 8px;overflow:hidden;box-shadow:0 22px 60px rgba(27,63,107,.14);background-size:cover;background-position:center;position:relative}
.commercial-hero-card::after{content:"";position:absolute;inset:0;background:linear-gradient(150deg,rgba(27,63,107,.12),rgba(27,63,107,.58))}
.commercial-section{padding:92px 0}
.commercial-section.alt{background:var(--soft)}
.commercial-head{display:grid;grid-template-columns:1fr .8fr;gap:70px;align-items:end;margin-bottom:42px}
.commercial-head h2{font-family:"Tenorite","Montserrat",Arial,sans-serif;font-size:clamp(36px,4.4vw,58px);line-height:1.06;letter-spacing:-.035em;margin:0;color:var(--navy)}
.commercial-head p{color:var(--muted);margin:0;font-size:14px}
.commercial-kicker{display:block;color:var(--turquoise);font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.13em;margin-bottom:12px}
.commercial-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.commercial-service-card{min-height:190px;padding:28px;border:1px solid var(--line);border-radius:18px;background:#fff;position:relative;overflow:hidden}
.commercial-service-card::after{content:"";position:absolute;width:90px;height:90px;border:1px solid rgba(74,182,184,.16);border-radius:50%;right:-38px;bottom:-38px}
.commercial-service-card span{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:rgba(74,182,184,.12);color:var(--navy);font-size:10px;font-weight:800;margin-bottom:28px}
.commercial-service-card h3{font-size:16px;line-height:1.25;color:var(--navy);margin:0}
.commercial-copy-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:start}
.commercial-copy-grid h2{font-family:"Tenorite","Montserrat",Arial,sans-serif;font-size:clamp(36px,4.4vw,58px);line-height:1.06;letter-spacing:-.035em;margin:0;color:var(--navy)}
.commercial-copy-text{display:grid;gap:18px}.commercial-copy-text p{margin:0;color:#53697c;font-size:15px}
.commercial-world{padding:82px 0;background:var(--navy);color:#fff}
.commercial-world-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:70px;align-items:center}
.commercial-world-mark{font-size:clamp(54px,6.5vw,92px);line-height:.9;letter-spacing:-.05em;font-weight:850;color:#fff}.commercial-world-mark span{display:block;color:var(--gold)}
.commercial-world h2{color:#fff;font-family:"Tenorite","Montserrat",Arial,sans-serif;font-size:clamp(34px,4vw,54px);line-height:1.06;margin:0 0 20px}.commercial-world p{color:rgba(255,255,255,.76);font-size:14px;margin:0 0 14px}
.commercial-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.commercial-tool{padding:34px;border:1px solid var(--line);border-radius:20px;background:#fff}.commercial-tool .tool-symbol{margin-bottom:24px}.commercial-tool h2{font-size:28px;margin:0 0 12px;color:var(--navy)}.commercial-tool p{color:var(--muted);font-size:14px;margin:0 0 24px}
.commercial-login-shell{display:grid;grid-template-columns:1fr .8fr;gap:64px;align-items:start}.commercial-login-copy h1{font-family:"Tenorite","Montserrat",Arial,sans-serif;font-size:clamp(44px,5vw,68px);line-height:1.02;letter-spacing:-.035em;color:var(--navy);margin:0 0 22px}.commercial-login-copy p{color:var(--muted);font-size:15px;max-width:660px}.commercial-login-features{display:grid;gap:12px;margin-top:30px}.commercial-login-features span{display:flex;align-items:center;gap:10px;color:var(--navy);font-size:12px;font-weight:650}.commercial-login-features i{font-style:normal;color:var(--gold);font-weight:900}
.commercial-cta{padding:78px 0;background:linear-gradient(135deg,#173859,#1B3F6B);color:#fff}.commercial-cta-grid{display:flex;align-items:center;justify-content:space-between;gap:45px}.commercial-cta h2{font-family:"Tenorite","Montserrat",Arial,sans-serif;color:#fff;font-size:clamp(34px,4vw,54px);line-height:1.06;margin:0 0 12px}.commercial-cta p{color:rgba(255,255,255,.75);font-size:14px;margin:0}.commercial-cta-actions{display:flex;gap:12px;flex-wrap:wrap}.commercial-cta .btn-outline{color:#fff;border-color:rgba(255,255,255,.4);background:transparent}
.commercial-footer .footer-top{align-items:flex-start}.commercial-footer .footer-brand p{max-width:340px;line-height:1.7}.commercial-footer .footer-links{grid-template-columns:repeat(2,minmax(150px,190px))}.commercial-footer-contact{display:grid;gap:7px;margin-top:16px;color:var(--muted);font-size:11px}.commercial-footer-contact a:hover{color:var(--turquoise)}
@media(max-width:980px){.commercial-hero-grid,.commercial-head,.commercial-copy-grid,.commercial-world-grid,.commercial-login-shell{grid-template-columns:1fr}.commercial-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.commercial-hero-card{min-height:320px}.commercial-cta-grid{align-items:flex-start;flex-direction:column}}
@media(max-width:650px){.commercial-hero{padding:70px 0 60px}.commercial-section{padding:68px 0}.commercial-service-grid,.commercial-tools{grid-template-columns:1fr}.commercial-service-card{min-height:150px}.commercial-cta{padding:60px 0}}


/* VETTA-WIDESCREEN-20260823 */
/* ==========================================================
   VETTA — páginas comerciais: largura fluida + títulos
   ========================================================== */
body[data-page]{
  width:100%;
  max-width:100%;
  overflow-x:clip;
}
@supports not (overflow:clip){
  body[data-page]{overflow-x:hidden}
}
body[data-page] main,
body[data-page] .site-header,
body[data-page] .site-footer{
  width:100%;
  max-width:none;
  margin-inline:0;
}

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

/* Hierarquia tipográfica mais equilibrada nas páginas internas. */
body[data-page="frete-logistica"] .commercial-hero h1,
body[data-page="compras-globais"] .commercial-hero h1,
body[data-page="ferramentas"] .commercial-hero h1{
  max-width:900px;
  font-size:clamp(38px,3.8vw,60px);
  line-height:1.04;
  letter-spacing:-.035em;
}

body[data-page="minha-vetta"] .commercial-login-copy h1{
  max-width:780px;
  font-size:clamp(38px,3.6vw,56px);
  line-height:1.04;
  letter-spacing:-.03em;
}

/* Em telas maiores a imagem acompanha a nova largura sem ficar achatada. */
@media (min-width:981px){
  body[data-page] .commercial-hero-grid{
    grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr);
    gap:clamp(48px,4vw,86px);
  }
  body[data-page] .commercial-hero-card{
    min-height:clamp(390px,25vw,520px);
  }
}

@media (max-width:650px){
  body[data-page="frete-logistica"] .commercial-hero h1,
  body[data-page="compras-globais"] .commercial-hero h1,
  body[data-page="ferramentas"] .commercial-hero h1,
  body[data-page="minha-vetta"] .commercial-login-copy h1{
    font-size:clamp(34px,10vw,44px);
    line-height:1.06;
  }
}