/* Paso 8 — media queries centralizados (spec) */

@media (min-width: 1440px) {
  :root {
    --ido-page-max: 1280px;
  }

  .ido-home__main__container {
    padding-block: 3rem 5rem;
  }
}

@media (max-width: 1100px) {
  .ido-home__main__hero__container {
    flex-direction: column;
    align-items: center;
    gap: 48px;
    padding: 60px 40px;
    text-align: center;
  }

  .hero-content {
    max-width: 100%;
  }

  .home__active__users {
    justify-content: center;
  }

  .home__session__container__two {
    margin-left: 0;
  }

  .offer-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .offer-card,
  .offer-card--main {
    width: 100%;
  }

  .lp-who-grid {
    grid-template-columns: 1fr;
  }

  .lp-who-card {
    width: 100%;
    height: auto;
  }

  .lp-badges {
    grid-template-columns: repeat(3, 1fr);
  }

  .lp-badge-rail {
    display: none;
  }

  .lp-pricing-grid,
  .lp-tools-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 980px) {
  .calculator-container {
    grid-template-columns: 1fr;
    padding: 0 24px;
  }

  .lp-tools-grid {
    grid-template-columns: 1fr;
  }

  .lp-tools-left h2 {
    font-size: 38px;
    line-height: 44px;
  }

  .lp-offer-grid {
    grid-template-columns: 1fr;
  }

  .lp-offer-title,
  .lp-who-head h2 {
    font-size: 40px;
    line-height: 48px;
  }

  .lp-who-grid {
    grid-template-columns: 1fr;
  }

  .lp-quote-grid {
    grid-template-columns: 1fr;
  }

  .lp-pricing-grid {
    grid-template-columns: 1fr;
    gap: 28px;
  }

  .lp-panel {
    height: 520px;
  }

  .lp-float {
    width: 280px;
  }

  .lp-float-left {
    left: 0;
  }

  .lp-float-right {
    right: 0;
  }

  .home__title {
    font-size: clamp(1.75rem, 6vw, 2.75rem);
  }
}

@media (max-width: 900px) {
  .offer-headline {
    font-size: 34px;
    line-height: 40px;
  }

  .offer-lead {
    font-size: 18px;
  }

  .offer-title {
    font-size: 22px;
  }

  .offer-desc {
    font-size: 18px;
  }

  .lp-cta-wide {
    flex-direction: column;
    text-align: center;
    padding: 34px 22px;
    width: 100%;
  }

  .lp-pricing-left h2 {
    font-size: 34px;
    line-height: 40px;
  }

  .lp-pricing-left p {
    font-size: 18px;
  }

  .lp-cta-copy h3 {
    font-size: 34px;
    line-height: 40px;
  }

  .lp-cta-copy p {
    font-size: 18px;
  }

  .lp-panel {
    height: 560px;
  }

  .lp-float {
    width: 260px;
  }
}

@media (max-width: 768px) {
  :root {
    --ido-section-gap: 2.5rem;
    --ido-page-padding: 1rem;
    --radius-card: 24px;
  }

  .offer-grid {
    grid-template-columns: 1fr;
  }

  .lp-who-grid {
    grid-template-columns: 1fr;
  }

  .home__sessions__cards {
    flex-direction: column;
  }

  .calculator-form {
    gap: 0.85rem;
  }

  .lp-tool-card {
    flex: 0 0 100%;
  }

  .lp-btn {
    width: 100%;
    max-width: 22rem;
  }

  .lp-cta-wide {
    padding: 34px 22px;
  }

  .lp-clients-title,
  .offer-headline,
  .lp-pricing-left h2,
  .lp-trusted-titlebox h2 {
    font-size: 34px;
    line-height: 40px;
  }

  .lp-badges {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 640px) {
  .offer-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 520px) {
  body.ido-landing {
    background-attachment: scroll;
  }

  .ido-home__main__hero__container {
    padding: 40px 20px;
  }

  .home__active__users {
    flex-wrap: wrap;
  }

  .home__active__users img:not(:first-child) {
    margin-left: -6px;
  }

  .home__button__started,
  .calculator-button {
    width: 100%;
    justify-content: center;
  }

  .lp-client-logo img {
    max-height: 32px;
  }

  .bars {
    height: 56px;
  }

  .lp-badges {
    grid-template-columns: 1fr;
  }

  .lp-panel {
    height: 600px;
  }

  .lp-float {
    width: calc(100% - 28px);
  }
}

@media (max-width: 440px) {
  .lp-badges {
    grid-template-columns: 1fr;
  }
}