/* ==========================================================================
   PAKTRA — Responsive — debe cargarse AL FINAL para ganar la cascada
   ========================================================================== */

/* ============= RESPONSIVE ============= */
  /* entre 1100 y 1200 el teléfono aprieta los enlaces contra el logo */
  @media (max-width: 1200px) {
    .nav__phone { display: none; }
  }

  @media (max-width: 1100px) {
    .hero__inner { grid-template-columns: 1fr; gap: 50px; min-height: auto; }
    .hero__visual { aspect-ratio: 16/10; max-height: 480px; }
    .hero__meta { display: none; }
    .qcontact__inner { grid-template-columns: 1fr 1fr; }
    .qcontact__item { border-bottom: 1px solid var(--paktra-borde-osc); }
    .qcontact__item:nth-child(even) { border-right: none; }
    .section__head { grid-template-columns: 1fr; gap: 24px; margin-bottom: 50px; }
    .nosotros { grid-template-columns: 1fr; gap: 60px; }
    .differentiators { grid-template-columns: 1fr; }
    .market { grid-template-columns: 1fr; gap: 60px; }
    .reasons { grid-template-columns: 1fr 1fr; }
    .maquila__top { grid-template-columns: 1fr; gap: 24px; }
    .product--wide.product--text .product__specs { grid-template-columns: 1fr 1fr; }
    .maquila__list { grid-template-columns: 1fr 1fr; }
    .maquila__list li:nth-child(odd) { padding-left: 0; }
    .maquila__list li:nth-child(even) { padding-left: 24px; }
    .contact { grid-template-columns: 1fr; gap: 50px; }
    .footer__grid { grid-template-columns: 1fr 1fr; }
  }

  /* El menú horizontal deja de caber bastante antes de 760px:
     logo + 6 enlaces + CTA ≈ 950px. Pasamos a burger a tiempo. */
  @media (max-width: 980px) {
    .nav__links { display: none; }
    .nav__burger { display: flex; }
  }

  @media (max-width: 760px) {
    .announce { font-size: 11px; }
    .nav__right .btn { padding: 10px 16px; font-size: 13px; }

    .hero h1 { font-size: clamp(40px, 11vw, 60px); }
    .qcontact__inner { grid-template-columns: 1fr; }
    .qcontact__item { border-right: none; }
    .qcontact__item:last-child { border-bottom: none; }

    .units-v2 { grid-template-columns: 1fr; }
    .products { grid-template-columns: repeat(2, 1fr); }
    .product, .product--hero, .product--wide, .product--feat { grid-column: span 2; grid-row: auto; min-height: 0; }
    .product--hero .product__title { font-size: 28px; }
    .product__specs, .product--wide.product--text .product__specs { grid-template-columns: 1fr; }
    .maquila__list { grid-template-columns: 1fr; }
    .maquila__photos { grid-template-columns: 1fr; }
    .maquila__list li, .maquila__list li:nth-child(even) { padding: 20px 0; }
    .product--maquila .product__title { font-size: 26px; }

    .clients-grid { grid-template-columns: 1fr 1fr; }
    .reasons { grid-template-columns: 1fr; }
    .form__row { grid-template-columns: 1fr; }
    .footer__grid { grid-template-columns: 1fr; gap: 36px; }
    .reason { padding: 28px; }

    .floating .fab span { display: none; }
    .floating .fab { width: 56px; height: 56px; padding: 0; justify-content: center; }
  }