/* ============================================================
   AHORA LOJA - Estilos Móviles & Tablets (Vintage Edition)
   ============================================================ */

/* ---------- TABLET (hasta 900px) ---------- */
@media (max-width: 900px) {
  .masthead h1 { font-size: 52px; }
  .lead { grid-template-columns: 1fr; }
  .lead .feature { border-right: none; padding: 24px 0; }
  .feature h2 { font-size: 36px; }
  .side { padding: 24px 0; border-top: 1px solid var(--line); }
  .cols { grid-template-columns: 1fr; gap: 30px; }
  .tgrid { grid-template-columns: 1fr 1fr; }
  .engage { grid-template-columns: 1fr; gap: 34px; }
  footer .grid { grid-template-columns: 1fr 1fr; gap: 28px; }
  .featured-strip-grid { grid-template-columns: 1fr 1fr; }
}

/* ---------- MÓVIL (hasta 600px) ---------- */
@media (max-width: 600px) {
  .masthead h1 { font-size: 42px; }
  .tgrid { grid-template-columns: 1fr; }
  footer .grid { grid-template-columns: 1fr; }
  .field.row2 { grid-template-columns: 1fr; }
  .wa-float .txt { display: none; }
  .wa-float { padding: 15px; border-radius: 50%; }
  .featured-strip-grid { grid-template-columns: 1fr; }
  .single-title { font-size: 2rem; }
  .single-post-container { padding: 0 15px 40px; }
}