/* R199B — ReMind Premium Desktop Scale */

:root {
  --r199b-max: 1240px;
  --r199b-max-wide: 1320px;
  --r199b-ink: #0f172a;
  --r199b-muted: #475569;
  --r199b-blue: #2563eb;
  --r199b-blue-dark: #1e40af;
  --r199b-line: rgba(148, 163, 184, 0.22);
  --r199b-shadow: 0 26px 80px rgba(15, 23, 42, 0.10);
  --r199b-shadow-blue: 0 28px 90px rgba(37, 99, 235, 0.20);
}

/* Base desktop premium */
@media (min-width: 1024px) {
  body {
    font-size: 16.5px !important;
  }

  .container,
  #recursos .container,
  #como-funciona .container,
  #planos .container {
    width: min(var(--r199b-max), calc(100% - 72px)) !important;
  }

  section {
    padding-top: 108px !important;
    padding-bottom: 108px !important;
  }

  .section-header,
  [class*="section-header"] {
    max-width: 820px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-bottom: 48px !important;
    text-align: center !important;
  }

  .section-header h2,
  [class*="section-header"] h2,
  #recursos h2,
  #como-funciona h2,
  #planos h2,
  #perguntas-frequentes h2 {
    font-size: clamp(2.25rem, 3.4vw, 3.25rem) !important;
    line-height: 1.08 !important;
    letter-spacing: -0.065em !important;
  }

  .section-header p,
  [class*="section-header"] p,
  #recursos p,
  #como-funciona p,
  #planos p {
    font-size: 1.02rem !important;
    line-height: 1.78 !important;
  }
}

/* Header com presença e sem sobrepor visualmente */
@media (min-width: 1024px) {
  body > header,
  .site-header,
  .header,
  .navbar {
    min-height: 78px !important;
  }

  body > header .container,
  .site-header .container,
  .header .container,
  .navbar .container {
    width: min(var(--r199b-max), calc(100% - 72px)) !important;
  }

  nav a,
  body > header a {
    font-size: 0.94rem !important;
  }
}

/* Hero premium */
@media (min-width: 1024px) {
  section:first-of-type {
    min-height: 680px !important;
    padding-top: 150px !important;
    padding-bottom: 112px !important;
    display: flex !important;
    align-items: center !important;
  }

  section:first-of-type .container {
    width: min(var(--r199b-max-wide), calc(100% - 72px)) !important;
  }

  section:first-of-type h1 {
    font-size: clamp(3.45rem, 5vw, 5.35rem) !important;
    line-height: 0.98 !important;
    letter-spacing: -0.08em !important;
    max-width: 760px !important;
  }

  section:first-of-type p {
    max-width: 620px !important;
    font-size: 1.08rem !important;
    line-height: 1.82 !important;
  }

  section:first-of-type img,
  section:first-of-type video,
  section:first-of-type [class*="mockup"],
  section:first-of-type [class*="screen"] {
    filter: drop-shadow(0 36px 80px rgba(15, 23, 42, 0.18));
  }
}

/* Cards principais mais premium */
@media (min-width: 1024px) {
  #recursos [class*="card"],
  #como-funciona [class*="card"],
  #recursos [class*="feature"],
  #como-funciona [class*="feature"] {
    border-radius: 24px !important;
    padding: 28px !important;
    min-height: 172px;
    box-shadow: 0 20px 58px rgba(15, 23, 42, 0.075) !important;
  }

  #recursos [class*="card"]:hover,
  #como-funciona [class*="card"]:hover,
  #recursos [class*="feature"]:hover,
  #como-funciona [class*="feature"]:hover {
    transform: translateY(-3px);
    box-shadow: 0 30px 80px rgba(37, 99, 235, 0.12) !important;
  }

  #recursos h3,
  #como-funciona h3 {
    font-size: 1.05rem !important;
    line-height: 1.35 !important;
  }

  #recursos p,
  #como-funciona p {
    font-size: 0.96rem !important;
  }
}

/* Seção WhatsApp / explicação com mais impacto */
@media (min-width: 1024px) {
  #como-funciona,
  section[id*="whatsapp"],
  section[class*="whatsapp"] {
    background:
      radial-gradient(circle at 20% 18%, rgba(34, 197, 94, 0.12), transparent 28%),
      radial-gradient(circle at 82% 18%, rgba(37, 99, 235, 0.08), transparent 26%),
      linear-gradient(180deg, #effdf5 0%, #f8fbff 100%) !important;
  }
}

/* Planos com mais presença */
@media (min-width: 1024px) {
  #planos {
    padding-top: 118px !important;
    padding-bottom: 126px !important;
  }

  #planos .container {
    width: min(1180px, calc(100% - 72px)) !important;
  }

  #planos [class*="grid"],
  #planos [class*="plans"],
  #planos [class*="pricing"] {
    gap: 28px !important;
    align-items: stretch !important;
  }

  #planos [class*="card"],
  #planos [class*="plan"] {
    min-height: 520px;
    padding: 34px 34px 30px !important;
    border-radius: 30px !important;
    box-shadow: 0 26px 78px rgba(15, 23, 42, 0.095) !important;
  }

  #planos [class*="card"]:nth-child(2),
  #planos [class*="plan"]:nth-child(2) {
    transform: translateY(-10px);
    box-shadow: var(--r199b-shadow-blue) !important;
    border-color: rgba(37, 99, 235, 0.34) !important;
  }

  #planos [class*="card"]:nth-child(2):hover,
  #planos [class*="plan"]:nth-child(2):hover {
    transform: translateY(-14px);
  }

  #planos h3 {
    font-size: 1.24rem !important;
  }

  #planos [class*="price"],
  #planos strong {
    letter-spacing: -0.055em;
  }

  #planos a,
  #planos button {
    min-height: 52px !important;
    font-size: 0.94rem !important;
  }
}

/* FAQ mais alinhado à escala premium */
@media (min-width: 1024px) {
  #perguntas-frequentes {
    padding-top: 118px !important;
    padding-bottom: 102px !important;
  }

  #perguntas-frequentes .r198h5-faq-wrap {
    width: min(1160px, calc(100% - 72px)) !important;
  }

  #perguntas-frequentes .r198h5-faq-header {
    max-width: 880px !important;
    margin-bottom: 58px !important;
  }

  #perguntas-frequentes .r198h5-faq-header h2 {
    font-size: clamp(2.35rem, 3.5vw, 3.35rem) !important;
  }

  #perguntas-frequentes .r198h5-faq-grid {
    gap: 22px !important;
  }

  #perguntas-frequentes .r198h5-faq-card {
    padding: 30px 32px !important;
    min-height: 190px !important;
    border-radius: 26px !important;
  }
}

/* CTA final */
@media (min-width: 1024px) {
  section:last-of-type,
  .final-cta,
  [class*="cta"] {
    border-radius: 30px;
  }

  section:last-of-type h2,
  .final-cta h2,
  [class*="cta"] h2 {
    font-size: clamp(2.2rem, 3.4vw, 3.4rem) !important;
    line-height: 1.05 !important;
  }
}

/* Notebook / 1366 refinado */
@media (min-width: 1024px) and (max-width: 1440px) {
  :root {
    --r199b-max: 1160px;
    --r199b-max-wide: 1220px;
  }

  section:first-of-type {
    min-height: 620px !important;
    padding-top: 132px !important;
    padding-bottom: 96px !important;
  }

  section:first-of-type h1 {
    font-size: clamp(3.1rem, 4.65vw, 4.6rem) !important;
  }

  #planos [class*="card"],
  #planos [class*="plan"] {
    min-height: 500px;
  }
}

/* Mobile preservado */
@media (max-width: 900px) {
  section:first-of-type {
    min-height: unset !important;
  }

  #planos [class*="card"],
  #planos [class*="plan"] {
    min-height: unset;
  }
}