/* Camada exclusiva do navegador. O pacote Android não carrega este arquivo. */
.omni-web-topbar { display: none; }

@media (min-width: 960px) {
  html { background: #f4f5f3; }

  body.omni-web {
    min-width: 960px;
    background: #f4f5f3 !important;
  }

  .omni-web-topbar {
    position: sticky;
    top: 0;
    z-index: 80;
    display: block;
    border-bottom: 1px solid rgba(7, 31, 45, 0.1);
    background: rgba(255, 253, 249, 0.94);
    backdrop-filter: blur(18px);
  }

  .omni-web-topbar__inner {
    width: min(1360px, calc(100% - 72px));
    min-height: 76px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    gap: 34px;
  }

  .omni-web-topbar__brand {
    display: inline-flex;
    align-items: center;
    gap: 14px;
    color: var(--omni-ink);
    font-size: 13px;
    font-weight: 720;
    letter-spacing: 0.01em;
    white-space: nowrap;
  }

  .omni-web-topbar__brand img { width: 138px; height: auto; }

  .omni-web-topbar__links {
    display: flex;
    align-items: center;
    gap: 25px;
    margin-left: auto;
  }

  .omni-web-topbar__links a {
    color: #536169;
    font-size: 14px;
    font-weight: 650;
  }

  .omni-web-topbar__links a:hover,
  .omni-web-topbar__links a:focus-visible { color: var(--omni-ink); }

  .omni-web-topbar__context {
    padding: 8px 11px;
    border: 1px solid rgba(7, 31, 45, 0.12);
    border-radius: 999px;
    color: #5d686e;
    font-size: 12px;
    font-weight: 700;
  }

  body.omni-web > header:not(.omni-web-topbar),
  body.omni-web > nav:not(.omni-web-topbar) { display: none; }

  body.omni-web > main {
    width: min(1360px, calc(100% - 72px));
    min-height: calc(100vh - 148px);
    margin: 36px auto 64px;
    border: 1px solid rgba(7, 31, 45, 0.09);
    border-radius: 26px;
    background: #fffdfa;
    box-shadow: 0 24px 70px rgba(7, 31, 45, 0.1);
  }

  body.omni-web > nav.fixed { display: none; }

  body.omni-web[data-omni-web-page='index'] > main {
    width: min(1180px, calc(100% - 72px));
    min-height: calc(100vh - 168px);
    margin-top: 46px;
    display: grid;
    grid-template-columns: minmax(360px, 0.8fr) minmax(480px, 0.9fr);
    align-items: center;
    gap: clamp(64px, 9vw, 144px);
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
  }

  body.omni-web[data-omni-web-page='index'] > main > header {
    min-height: 510px;
    padding: 118px 0 0;
    align-self: start;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
  }

  body.omni-web[data-omni-web-page='index'] > main > header::before {
    content: 'Serviços em ordem.\A\A Decisões mais rápidas.';
    max-width: 500px;
    white-space: pre-line;
    color: var(--omni-ink);
    font-size: clamp(48px, 4.6vw, 70px);
    font-weight: 760;
    letter-spacing: -0.065em;
    line-height: 0.94;
  }

  body.omni-web[data-omni-web-page='index'] > main > header::after {
    content: 'A Faro Connect reúne demandas, serviços e acompanhamento em uma única experiência para quem cuida de espaços que não podem parar.';
    max-width: 430px;
    margin-top: 24px;
    color: #667178;
    font-size: 17px;
    line-height: 1.55;
  }

  body.omni-web[data-omni-web-page='index'] > main > header img { display: none; }

  body.omni-web[data-omni-web-page='index'] > main > section {
    padding: 0;
    display: block;
  }

  body.omni-web[data-omni-web-page='index'] > main > section > div { max-width: 540px; margin: 0; }

  body.omni-web[data-omni-web-page='index'] #slider > div { padding: 38px 42px; }

  body.omni-web .omni-resident-shell {
    min-height: auto;
    padding: 0 0 64px;
    background: transparent;
  }

  body.omni-web .omni-resident-hero {
    width: min(1360px, calc(100% - 72px));
    min-height: 460px;
    margin: 36px auto 0;
    border-radius: 26px 26px 0 0;
  }

  body.omni-web .omni-resident-hero__inner {
    width: min(1180px, calc(100% - 96px));
    min-height: 460px;
    margin: 0 auto;
    padding: 34px 0 78px;
  }

  body.omni-web .omni-resident-copy { max-width: 620px; }
  body.omni-web .omni-resident-copy h1 { font-size: clamp(52px, 4.6vw, 72px); }

  body.omni-web .omni-resident-main {
    width: min(1180px, calc(100% - 168px));
    min-height: 500px;
    margin: -54px auto 0;
    padding: 36px 42px 52px;
    position: relative;
    z-index: 2;
    border: 1px solid rgba(7, 31, 45, 0.09);
    border-radius: 24px;
    background: #fffdfa;
    box-shadow: 0 24px 70px rgba(7, 31, 45, 0.1);
  }

  body.omni-web .omni-request-panel { grid-template-columns: minmax(0, 1.2fr) minmax(220px, 0.7fr) auto; }
  body.omni-web .omni-category-row { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  body.omni-web .omni-provider-list { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  body.omni-web .omni-bottom-nav { display: none; }

  body.omni-web .fixed.bottom-0,
  body.omni-web .fixed.bottom-24 { display: none; }
}