/* =========================================================
   AMERICAN STEAM — AJUSTES RESPONSIVE GENERALES
   ========================================================= */

@media (max-width: 1050px) {
  :root {
    --as-section-space: 90px;
    --as-side-space: 32px;
  }
}

@media (max-width: 700px) {
  :root {
    --as-section-space: 72px;
    --as-side-space: 20px;
  }

  .as-eyebrow {
    margin-bottom: 18px;
    font-size: 10px;
    letter-spacing: 0.17em;
  }

  .as-eyebrow::before {
    width: 28px;
  }

  .as-heading {
    font-size: clamp(38px, 11vw, 48px);
    line-height: 1.08;
  }

  .as-lead {
    font-size: 16px;
  }

  .as-actions {
    align-items: stretch;
    flex-direction: column;
  }

  .as-button {
    width: 100%;
  }
}