/* =========================
   Responsive Ajustes Globales
   Regalos Agency
   ========================= */

/* ----- Base para móviles pequeños ----- */
@media (max-width: 480px) {
    body {
      font-size: 14px;
      line-height: 1.4;
    }
  
    /* Grid más compacto */
    .rg-grid {
      gap: 8px;
    }
  
    /* Cards más ligeras */
    .rg-card {
      border-radius: 10px;
    }
  
    .rg-card__title {
      font-size: .9rem;
      line-height: 1.2;
      min-height: auto; /* dejar que fluya en pantallas chicas */
    }
  
    .rg-card__price {
      font-size: .95rem;
    }
  
    .rg-card__footer .button {
      font-size: .85rem;
      padding: 8px 10px;
    }
  }
  
  /* ----- Tablets (portrait y hasta ~768px) ----- */
  @media (max-width: 768px) {
    body {
      font-size: 15px;
    }
  
    .rg-grid {
      grid-template-columns: repeat(2, 1fr); /* 2 columnas seguras */
      gap: 10px;
    }
  
    .rg-card__title {
      font-size: .95rem;
    }
  
    .rg-card__footer .button {
      font-size: .9rem;
    }
  }
  
  /* ----- Tablets landscape / laptops angostos ----- */
  @media (max-width: 992px) {
    .rg-grid {
      grid-template-columns: repeat(2, 1fr); /* fuerza 2 columnas si no entra 3 */
    }
  }