@font-face { font-family: "Roboto Integrador"; src: url("../../../site/fontes/roboto/Roboto-Regular.ttf") format("truetype"); font-weight: 400; font-display: swap; }
@font-face { font-family: "Roboto Integrador"; src: url("../../../site/fontes/roboto/Roboto-Bold.ttf") format("truetype"); font-weight: 700; font-display: swap; }
body.saas-public-body { --saas-navy: #005274; --saas-navy-deep: #003d56; --saas-blue: #00749a; --saas-blue-dark: #005d7c; --saas-orange: #e9610c; --saas-orange-dark: #b94600; font-family: "Roboto Integrador", Roboto, var(--saas-font); }
.saas-public-body .saas-button--primary { background: #c54f00; }
.saas-public-body .saas-button--primary:hover { background: #a94200; }
.saas-brand--image img { width: 160px; height: auto; }
.saas-public-body--landing { background: var(--saas-bg); }
.saas-public-body--landing .saas-public-main { display: block; min-height: 100vh; padding: 0; }
.public-container { width: min(1160px, calc(100% - 40px)); margin-inline: auto; }
.public-site-header { position: sticky; z-index: 50; top: 0; border-bottom: 1px solid rgb(220 230 235 / 88%); background: rgb(255 255 255 / 95%); backdrop-filter: blur(14px); }
.public-site-header__inner { display: flex; min-height: 88px; align-items: center; gap: 28px; }
.public-nav { display: flex; align-items: center; gap: 26px; margin-left: auto; }
.public-nav a { color: var(--saas-ink); font-size: .95rem; font-weight: 700; text-decoration: none; }
.public-nav a:hover { color: var(--saas-blue); }
.public-nav__mobile-login { display: none; }
.public-header-actions, .public-actions { display: flex; flex-wrap: wrap; gap: var(--saas-space-3); }
.public-menu-button { display: none; width: 44px; height: 44px; border: 1px solid var(--saas-line); border-radius: var(--saas-radius-sm); background: #fff; }
.public-hero { overflow: hidden; padding: clamp(64px, 9vw, 116px) 0 80px; background: linear-gradient(90deg, #fff 0%, #fff 44%, rgb(255 255 255 / 90%) 58%, rgb(0 82 116 / 42%) 100%), url("../../../site/img/blue_car.jpg") right center / auto 100% no-repeat, #fff; }
.public-hero__grid { display: grid; grid-template-columns: 1.08fr .92fr; align-items: center; gap: clamp(34px, 7vw, 90px); }
.public-hero h1 { max-width: 760px; margin-bottom: var(--saas-space-5); font-size: clamp(2.5rem, 6vw, 4.7rem); }
.public-hero h1 strong { color: var(--saas-blue); }
.public-lead { max-width: 700px; color: var(--saas-muted); font-size: clamp(1.05rem, 2vw, 1.25rem); }
.public-actions { margin-top: var(--saas-space-8); }
.public-product-preview { min-height: 480px; padding: 22px; border: 1px solid var(--saas-line); border-radius: 26px; background: rgb(255 255 255 / 94%); box-shadow: var(--saas-shadow-md); transform: rotate(1.5deg); backdrop-filter: blur(8px); }
.public-browser-bar { display: flex; gap: 6px; padding-bottom: 17px; border-bottom: 1px solid var(--saas-line); }
.public-browser-bar i { width: 8px; height: 8px; border-radius: 50%; background: #b9c9d1; }
.public-dashboard-preview { display: grid; min-height: 394px; grid-template-columns: 94px 1fr; }
.public-dashboard-nav { margin: 14px 14px 0 0; border-radius: 10px; background: var(--saas-navy-deep); }
.public-dashboard-main { padding: 22px 2px 0 8px; }
.public-wire-line { display: block; height: 10px; margin-bottom: 9px; border-radius: 6px; background: #dce6eb; }
.public-wire-line--medium { width: 68%; }
.public-wire-line--short { width: 42%; }
.public-metric-row { display: grid; margin: 22px 0 14px; grid-template-columns: repeat(3, 1fr); gap: 9px; }
.public-metric-row i { min-height: 76px; border-radius: 8px; background: #e8f4f8; }
.public-list-row { display: grid; margin-top: 8px; padding: 13px; border: 1px solid var(--saas-line); border-radius: 8px; grid-template-columns: 1.3fr .8fr .6fr; gap: 10px; }
.public-list-row i { height: 10px; border-radius: 6px; background: #dce6eb; }
.public-integrations { padding: 28px 0; border-block: 1px solid var(--saas-line); background: #fff; }
.public-integrations__inner { display: grid; grid-template-columns: auto 1fr; align-items: center; gap: 34px; }
.public-integrations h2 { margin: 0; color: var(--saas-muted); font-size: .9rem; }
.public-integration-logos { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 18px; }
.public-integration-logos img { width: 92px; max-height: 42px; filter: grayscale(1); object-fit: contain; opacity: .76; }
.public-section { padding: clamp(70px, 9vw, 110px) 0; }
.public-section--white { background: #fff; }
.public-section-heading { max-width: 780px; margin-bottom: var(--saas-space-10); }
.public-section-heading h2 { font-size: clamp(1.9rem, 4vw, 3rem); }
.public-card-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--saas-space-5); }
.public-feature-card { padding: 28px; border: 1px solid var(--saas-line); border-radius: var(--saas-radius-lg); background: #fff; box-shadow: var(--saas-shadow-sm); }
.public-feature-card > span { display: grid; width: 44px; height: 44px; margin-bottom: var(--saas-space-6); border-radius: 12px; color: var(--saas-navy); background: var(--saas-info-bg); font-weight: 850; place-items: center; }
.public-feature-card p, .public-steps p { margin-bottom: 0; color: var(--saas-muted); }
.public-steps { display: grid; margin: 0; padding: 0; list-style: none; counter-reset: public-step; grid-template-columns: repeat(3, 1fr); gap: var(--saas-space-8); }
.public-steps li { position: relative; padding-top: 70px; counter-increment: public-step; }
.public-steps li::before { position: absolute; top: 0; left: 0; display: grid; width: 48px; height: 48px; border-radius: 50%; color: #fff; background: var(--saas-navy); content: counter(public-step); font-weight: 850; place-items: center; }
.public-steps li:not(:last-child)::after { position: absolute; top: 24px; left: 62px; width: calc(100% - 48px); border-top: 1px dashed #9fb3bd; content: ""; }
.public-faq { max-width: 880px; }
.public-faq details { padding: var(--saas-space-5) 0; border-bottom: 1px solid var(--saas-line); }
.public-faq summary { cursor: pointer; font-weight: 800; }
.public-faq details p { margin: var(--saas-space-3) var(--saas-space-8) 0 0; color: var(--saas-muted); }
.public-cta { padding: 72px 0; color: #fff; background: var(--saas-navy); }
.public-cta__inner { display: flex; align-items: center; justify-content: space-between; gap: var(--saas-space-8); }
.public-cta h2 { max-width: 680px; margin-bottom: var(--saas-space-2); color: #fff; }
.public-cta p { margin: 0; color: #d5e5ec; }
.public-footer { padding: 54px 0 28px; color: #d5e5ec; background: var(--saas-navy-deep); }
.public-footer__grid { display: grid; grid-template-columns: 1.4fr repeat(3, 1fr); gap: var(--saas-space-8); }
.public-footer__brand { display: inline-flex; padding: 8px 12px; border-radius: 12px; background: #fff; }
.public-footer h2 { color: #fff; font-size: .95rem; }
.public-footer a:not(.saas-brand) { display: block; margin: 9px 0; color: #d5e5ec; font-size: .9rem; }
.public-footer small { display: block; margin-top: var(--saas-space-10); padding-top: var(--saas-space-6); border-top: 1px solid rgb(255 255 255 / 12%); }
.saas-public-body--request .saas-public-main { align-items: start; }
.public-request-layout { width: min(1080px, 100%); }
.public-request-context { background: linear-gradient(150deg, rgb(0 61 86 / 97%), rgb(0 82 116 / 93%)), url("../../../site/img/blue_car.jpg") center / cover; }
.public-request-context .saas-eyebrow { color: #9bd8ed; }
.public-request-panel { padding-block: clamp(32px, 4vw, 52px); }
.public-captcha { min-height: 72px; }
.cf-turnstile { max-width: 100%; }
.public-consent { align-items: flex-start; }
.public-consent .errorlist { flex-basis: 100%; }
.public-submit { width: 100%; }
.public-success-mark { display: grid; width: 58px; height: 58px; margin-bottom: var(--saas-space-6); border-radius: 50%; color: #fff; background: var(--saas-success); font-size: 1.5rem; font-weight: 900; place-items: center; }
.public-next-steps { margin: var(--saas-space-8) 0; padding: var(--saas-space-5); border-radius: var(--saas-radius-md); background: var(--saas-info-bg); }
.public-next-steps ol { margin: var(--saas-space-3) 0 0; padding-left: var(--saas-space-5); }
.public-next-steps li + li { margin-top: var(--saas-space-2); }
@media (max-width: 920px) {
  .public-nav { position: absolute; top: 100%; right: 20px; left: 20px; display: none; margin: 0; padding: var(--saas-space-3); border: 1px solid var(--saas-line); border-radius: var(--saas-radius-md); background: #fff; box-shadow: var(--saas-shadow-md); }
  .public-nav[data-open="true"] { display: grid; }
  .public-nav a { min-height: 44px; padding: 10px 12px; border-radius: var(--saas-radius-sm); }
  .public-nav a:hover { background: var(--saas-info-bg); }
  .public-nav__mobile-login { display: block; }
  .public-menu-button { display: inline-grid; margin-left: auto; place-items: center; }
  .public-header-actions .saas-button--secondary { display: none; }
  .public-hero { background: linear-gradient(rgb(255 255 255 / 91%), rgb(255 255 255 / 91%)), url("../../../site/img/blue_car.jpg") center / cover, #fff; }
  .public-hero__grid, .public-request-layout { grid-template-columns: 1fr; }
  .public-product-preview { min-height: 420px; transform: none; }
  .public-request-context { min-height: 300px; }
}
@media (max-width: 680px) {
  .public-container { width: min(100% - 32px, 1160px); }
  .saas-brand--image img { width: 128px; }
  .public-site-header__inner { min-height: 76px; gap: var(--saas-space-2); }
  .public-header-actions .saas-button { min-height: 42px; padding-inline: var(--saas-space-3); font-size: .82rem; }
  .public-hero h1 { font-size: clamp(2.25rem, 13vw, 3.4rem); }
  .public-card-grid, .public-steps, .public-metric-row { grid-template-columns: 1fr; }
  .public-steps li:not(:last-child)::after { display: none; }
  .public-integrations__inner { grid-template-columns: 1fr; }
  .public-integration-logos { justify-content: flex-start; }
  .public-cta__inner { align-items: flex-start; flex-direction: column; }
  .public-footer__grid { grid-template-columns: 1fr; }
  .public-dashboard-preview { grid-template-columns: 62px 1fr; }
  .public-request-context { min-height: 250px; }
}