/* ══════════════════════════════════════════════════════════
   RESPONSIVE — Faena Web
══════════════════════════════════════════════════════════ */

/* ── Tablet ──────────────────────────────────────────── */
@media (max-width:960px){
  .features-grid{grid-template-columns:repeat(2,1fr)}
  .catalogo-grid{grid-template-columns:1fr}
  .contacto-wrap{grid-template-columns:1fr;gap:28px;padding:32px}
  .section{padding:70px 24px}
  .section-alt{padding-block:70px}
}

/* ── Mobile ──────────────────────────────────────────── */
@media (max-width:680px){
  .nav-links{
    position:fixed;top:70px;left:0;right:0;
    flex-direction:column;align-items:stretch;gap:2px;
    background:var(--header-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
    border-bottom:1px solid var(--b1);
    padding:12px;margin:0;
    transform:translateY(-12px);opacity:0;visibility:hidden;
    transition:transform .25s ease, opacity .25s ease, visibility .25s;
    box-shadow:var(--elev-3);
  }
  .nav-links.open{transform:translateY(0);opacity:1;visibility:visible}
  .nav-links a{padding:13px 16px;font-size:var(--fs-base)}
  .nav-toggle{display:flex}

  .steps{grid-template-columns:1fr}
  .info-split{grid-template-columns:1fr}
  .features-grid{grid-template-columns:1fr}

  .hero{min-height:92vh;padding:110px 20px 60px}
  .stamp{display:none}
  .hero-cta{flex-direction:column;align-items:stretch}
  .hero-cta .btn{width:100%}
  .hero-meta{flex-direction:column;gap:4px}
  .hero-meta .dot{display:none}

  .section{padding:56px 20px}
  .section-alt{padding-block:56px}
  .section-head{margin-bottom:38px}

  .pieza-top{flex-wrap:wrap}
  .pieza-price{text-align:left}

  .footer-inner{flex-direction:column;text-align:center;gap:16px}

  .cart-drawer{width:100%}

  .btn{height:48px}
}

@media (max-width:400px){
  .brand-text{display:none}
  .pieza-ic{width:52px;height:52px}
}