/**
 * ====================================================================
 * SANBERNARDA.COM — LARGE / WIDESCREEN / 2K / 4K PRODUCTION (2026)
 * ====================================================================
 *
 * Espelho de mobile-production.css, para cima.
 *
 * GARANTIA ABSOLUTA: todas as regras estão em @media (min-width).
 * Nada abaixo de 1921px CSS é afetado.
 *
 *   Mobile / tablet     ≤ 991px     → mobile-production.css
 *   Desktop locked      992–1920px  → intacto (FHD 1920×1080 incluso)
 *   Widescreen          ≥ 1921px    → este arquivo
 *   2K / 4K@150%        ≥ 2560px
 *   Ultrawide 21:9      ≥ 3440px  ou  ≥2560px e aspect ≥ 2.1/1
 *   4K nativo           ≥ 3840px
 *
 * Filosofia: a coluna cresce pouco; o extra vira gutter e atmosfera.
 * Medida de leitura permanece humana (≤72ch). Sem vw global.
 * ====================================================================
 */

/* ====================================================================
   WIDESCREEN (min-width: 1921px)
   Primeiro respiro após FHD. Coluna 1440 · gut 40.
   Ritmo vertical só com altura ≥1101px (não inflar 2560×1080).
   ==================================================================== */
@media screen and (min-width: 1921px) {
  :root {
    --largura-maxima: 1440px;
    --gut: 40px;
    --cc-corner-right: 32px;
    --cc-corner-bottom: 22px;
  }

  .container {
    max-width: var(--largura-maxima);
  }

  .nav-header:not(.nav-compact) {
    padding-top: 26px;
    padding-bottom: 26px;
  }

  .nav-header.nav-compact .container.nav-grid {
    max-width: min(1240px, calc(100vw - 48px)) !important;
  }

  .sec-head__desc,
  .spec-header__sub,
  .proc-header__sub,
  .cs2-sub,
  .proof__desc {
    max-width: 560px !important;
  }

  .page-hero__desc {
    max-width: 440px;
  }

  #section-indicator {
    right: 36px;
  }

  .cc-prompt-dock {
    --cc-prompt-thread-max: 820px;
  }

  /* Landing redesign: acompanhar a coluna, sem esticar o split */
  .hero-v3#hero-lp .hero-container-v3,
  .stats-strip__inner {
    max-width: var(--largura-maxima);
  }

  .pricing-sec--cockpit .pricing-grid {
    max-width: var(--largura-maxima);
  }
}

@media screen and (min-width: 1921px) and (min-height: 1101px) {
  :root {
    --space-sec: 168px;
    --space-sec-md: 124px;
    --space-sec-sm: 88px;
    --space-head-in: 76px;
    --space-block: 64px;
    --space-gap: 36px;
  }

}

/* ====================================================================
   2K / QHD / 4K@150% (min-width: 2560px)
   Coluna 1600 · gut 56 · tipo +1–2px · grids 3→4 onde a lista comporta.
   ==================================================================== */
@media screen and (min-width: 2560px) {
  :root {
    --largura-maxima: 1600px;
    --gut: 56px;
    --cc-corner-right: 40px;
    --cc-corner-bottom: 28px;
    --cc-fab-size: 48px;
    --cc-fab-gap: 16px;
  }

  .nav-header:not(.nav-compact) {
    padding-top: 28px;
    padding-bottom: 28px;
  }

  .nav-header.nav-compact .container.nav-grid {
    max-width: min(1400px, calc(100vw - 72px)) !important;
    gap: 28px !important;
  }

  html.cc-brut body .hero-container-v3,
  html.cc-brut body .hero-v3--waves .hero-container-v3--split {
    max-width: 1760px !important;
  }

  html.cc-brut body .hero-desc-v3 {
    font-size: 21px !important;
    max-width: 56ch !important;
  }

  .page-hero__title {
    font-size: 6.5rem;
  }

  .page-hero__desc {
    font-size: 16px;
    max-width: 480px;
  }

  .sec-head__title,
  .spec-header__title,
  .proc-header__title,
  .cs2-title,
  .proof__title {
    font-size: 3.45rem !important;
  }

  .faq-question {
    font-size: 22px;
    padding-top: 36px;
    padding-bottom: 36px;
  }

  .works-grid,
  .industry-grid,
  .blog-grid {
    grid-template-columns: repeat(4, 1fr);
  }

  .testimonials-sec--cockpit .test-grid,
  .test-grid {
    grid-template-columns: repeat(4, 1fr);
  }

  #section-indicator {
    right: 56px;
    gap: 12px;
  }

  .si-dot {
    width: 6px;
    height: 6px;
  }

  .si-dot.active {
    height: 22px;
  }

  .cc-prompt-dock {
    --cc-prompt-thread-max: 880px;
  }

  .ctaform-panel {
    padding: 88px 64px;
  }

  .ctaform-form-wrap {
    padding: 80px 72px;
  }

  .work-card,
  .industry-card,
  .blog-card {
    padding-left: 48px;
    padding-right: 48px;
  }
}

@media screen and (min-width: 2560px) and (min-height: 1101px) {
  :root {
    --space-sec: 184px;
    --space-sec-md: 136px;
    --space-sec-sm: 96px;
    --space-head-in: 84px;
    --space-block: 72px;
    --space-gap: 40px;
  }

  .ctaform-grid {
    min-height: 740px;
  }
}

/* Ultrawide 21:9 a partir de 2560 (ex.: 2560×1080, 3440×1440 em scale) */
@media screen and (min-width: 2560px) and (min-aspect-ratio: 2.1/1) {
  :root {
    --largura-maxima: 1680px;
    --gut: 64px;
  }

  #section-indicator {
    right: max(56px, calc((100vw - var(--largura-maxima)) * 0.22));
  }

  .si-dot::after {
    font-size: 10px;
  }
}

/* ====================================================================
   ULTRAWIDE 3440+ (min-width: 3440px)
   Coluna 1680. Laterais = palco (HUD), não texto esticado.
   ==================================================================== */
@media screen and (min-width: 3440px) {
  :root {
    --largura-maxima: 1680px;
    --gut: 72px;
    --cc-corner-right: 48px;
    --cc-corner-bottom: 32px;
  }

  .nav-header.nav-compact .container.nav-grid {
    max-width: min(1480px, calc(100vw - 96px)) !important;
  }

  html.cc-brut body .hero-container-v3,
  html.cc-brut body .hero-v3--waves .hero-container-v3--split {
    max-width: 1840px !important;
  }

  html.cc-brut body .hero-desc-v3 {
    max-width: 58ch !important;
  }

  .sec-head__desc,
  .spec-header__sub,
  .proc-header__sub,
  .cs2-sub,
  .proof__desc {
    max-width: 620px !important;
  }

  #section-indicator {
    right: max(72px, calc((100vw - var(--largura-maxima)) * 0.2));
  }

  .cc-prompt-dock {
    --cc-prompt-thread-max: 920px;
  }
}

@media screen and (min-width: 3440px) and (min-height: 1101px) {
  :root {
    --space-sec: 192px;
    --space-sec-md: 144px;
    --space-head-in: 88px;
  }
}

/* ====================================================================
   4K NATIVO (min-width: 3840px)
   Distância de leitura maior. Coluna 1760. Filetes 1px → 2px.
   4K@150% já caiu no breakpoint 2560 e não chega aqui.
   ==================================================================== */
@media screen and (min-width: 3840px) {
  :root {
    --largura-maxima: 1760px;
    --gut: 88px;
    --cc-corner-right: 56px;
    --cc-corner-bottom: 36px;
    --cc-fab-size: 52px;
    --cc-fab-gap: 18px;
    --cc-corner-col: 80px;
  }

  body {
    font-size: 17px;
  }

  html.cc-brut body .hero-container-v3,
  html.cc-brut body .hero-v3--waves .hero-container-v3--split {
    max-width: 1920px !important;
  }

  html.cc-brut body .hero-desc-v3 {
    font-size: 22px !important;
    max-width: 60ch !important;
    line-height: 1.55 !important;
  }

  .page-hero__title {
    font-size: 7rem;
  }

  .page-hero__desc {
    font-size: 17px;
    max-width: 520px;
  }

  .sec-head__title,
  .spec-header__title,
  .proc-header__title,
  .cs2-title,
  .proof__title {
    font-size: 3.75rem !important;
  }

  .faq-question {
    font-size: 24px;
  }

  .footer-links a {
    font-size: 15px;
  }

  /* Filetes que somem em densidade 1× — só os que já são 1px */
  .footer.footer--cockpit,
  .footer-grid,
  .pc-specs,
  .pc-spec,
  .spec-card--cockpit .sc-specs,
  .spec-card--cockpit .sc-spec,
  body.dark-theme .nav-header:not(.nav-compact) {
    border-width: 2px;
  }

  .nav-header.nav-compact .container.nav-grid {
    border-width: 2px !important;
    max-width: min(1560px, calc(100vw - 120px)) !important;
  }

  #section-indicator {
    right: max(96px, calc((100vw - var(--largura-maxima)) * 0.18));
  }

  .cc-prompt-dock {
    --cc-prompt-thread-max: 980px;
  }

  .ctaform-panel {
    padding: 96px 72px;
  }

  .ctaform-form-wrap {
    padding: 88px 80px;
  }
}

@media screen and (min-width: 3840px) and (min-height: 1101px) {
  :root {
    --space-sec: 200px;
    --space-sec-md: 152px;
    --space-sec-sm: 104px;
    --space-head-in: 92px;
    --space-block: 80px;
    --space-gap: 44px;
  }

  .ctaform-grid {
    min-height: 800px;
  }
}

/* Home hero: wide + altura baixa — depois do 2K/4K para vencer o cap 1760. */
@media screen and (min-width: 1921px) and (max-height: 1100px) {
  html.cc-brut body .hero-v3.hero-v3--waves:not(#hero-lp) .hero-container-v3,
  html.cc-brut body .hero-v3.hero-v3--waves:not(#hero-lp) .hero-container-v3--split {
    max-width: min(92vw, 2280px) !important;
  }

  html.cc-brut body .hero-v3.hero-v3--waves:not(#hero-lp) {
    padding-top: 8px !important;
  }
}