/* ═══════════════════════════════════════
   RESPONSIVE — todos los breakpoints
   ═══════════════════════════════════════ */

/* ─── LAPTOP AJUSTADO (max 1100px) ─── */
@media (max-width: 1100px) {
  /* Nav: reducir gaps para que quepan 5 links */
  .nav-links { gap: 1.75rem; }
  nav { padding: 0 2rem; }

  /* Propuestas: 4 cols se aprietan, bajan a 2x2 */
  .prop-grid { grid-template-columns: repeat(2, 1fr); }
  .prop-card { border-right: none; border-bottom: 1px solid var(--gris2); }
  .prop-card:nth-child(odd) { border-right: 1px solid var(--gris2); }
  .prop-card:nth-last-child(-n+2) { border-bottom: none; }

  /* Sección sobre: reduce gap */
  .sobre { gap: 3rem; }
}

/* ─── TABLET (max 900px) ─── */
@media (max-width: 900px) {
  nav { padding: 0 1.5rem; }
  .nav-links, .nav-cta { display: none; }
  .nav-hamburger { display: flex; }

  .sobre { grid-template-columns: 1fr; gap: 3rem; padding: 4rem 1.5rem; }
  .sobre-corner { display: none; }

  /* Stats: 2x2 — ambas columnas derechas sin borde */
  .stats { grid-template-columns: repeat(2, 1fr); }
  .stat:nth-child(even) { border-right: none; }

  .galeria, .propuestas, .unete, .comparte { padding: 4rem 1.5rem; }
  .gal-grid { grid-template-columns: repeat(2, 1fr); }
  .gal-label { opacity: 1 !important; }

  /* Propuestas ya en 2x2 desde 1100px, se mantiene */
  .prop-grid { grid-template-columns: repeat(2, 1fr); }
  .prop-card { border-right: none; border-bottom: 1px solid var(--gris2); }
  .prop-card:nth-child(odd) { border-right: 1px solid var(--gris2); }
  .prop-card:nth-last-child(-n+2) { border-bottom: none; }

  .form-row { grid-template-columns: 1fr; }

  footer { padding: 2rem 1.5rem; flex-direction: column; align-items: flex-start; }
}

/* ─── MÓVIL (max 600px) ─── */
@media (max-width: 600px) {
  /* Hero */
  .hero-kicker { font-size: 0.6rem; letter-spacing: 0.1em; }
  .hero-sub { font-size: 0.9rem; }
  .hero-btns { flex-direction: column; align-items: center; }
  .hero-btns a, .hero-btns button { width: 100%; max-width: 300px; text-align: center; }

  /* Stats */
  .stats { grid-template-columns: repeat(2, 1fr); }
  .stat { padding: 1.5rem 1rem; }
  .stat-n { font-size: 2.5rem; }
  .stat:nth-child(even) { border-right: none; }

  /* Galería */
  .galeria { padding: 3rem 1rem; }
  .galeria-top h2 { font-size: 2rem; }

  /* Propuestas: 1 columna en móvil */
  .propuestas { padding: 3rem 1rem; }
  .propuestas::before { display: none; }
  .prop-n { font-size: 4.5rem; }
  .prop-grid { grid-template-columns: 1fr; }
  .prop-card { border-right: none !important; border-bottom: 1px solid var(--gris2); }
  .prop-card:last-child { border-bottom: none; }

  /* Únete / Comparte */
  .unete { padding: 3rem 1rem; }
  .unete-inner { max-width: 100%; }
  .comparte { padding: 3rem 1rem; }
  .share-row { flex-direction: column; align-items: center; }
  .share-btn { width: 100%; max-width: 300px; justify-content: center; }

  footer { padding: 2rem 1rem; gap: 1rem; }

  .modal-box { padding: 2rem 1.25rem; }
  .modal-box h3 { font-size: 1.6rem; }
}

/* ─── MÓVIL PEQUEÑO (max 380px) ─── */
@media (max-width: 380px) {
  .gal-grid { grid-template-columns: 1fr; }
  .stat-n { font-size: 2rem; }
  .prop-n { font-size: 3.5rem; }
  .btn-submit { font-size: 1.1rem; }
}