/* ══════════════════════════════════════════════
   BioEvo Péptidos — responsive.css
   Solo @media queries
   Versión multi-archivo · Julio 2026
══════════════════════════════════════════════ */

/* ── ≤1024px: Hero farmacéutico tablet ── */
@media (max-width: 1024px) {
  .hp { padding: 130px 28px 100px; }
  .hp-wm { right: -200px; width: 460px; height: 460px; }
}

/* ── ≤900px: Distribuidores ── */
@media (max-width: 900px) {
  .dist-cards  { grid-template-columns: 1fr 1fr; }
  .plans-grid  { grid-template-columns: 1fr; max-width: 420px; margin-left: auto; margin-right: auto; }
}

/* ── ≤860px: Detalle de producto ── */
@media (max-width: 860px) {
  .detail-layout { flex-direction: column; gap: 36px; }
  .detail-img-col { width: 100%; }
  .detail-img-wrap img { max-width: 280px; max-height: 280px; }
}

/* ── ≤768px: Navegación mobile ── */
@media (max-width: 768px) {
  .nav-links {
    display: none;
    position: absolute; top: 72px; left: 0; right: 0;
    background: rgba(255,255,255,.98);
    backdrop-filter: blur(12px);
    flex-direction: column; align-items: center; gap: 24px;
    padding: 28px 24px; border-bottom: 3px solid transparent;
    border-image: var(--grad-h) 1;
    box-shadow: 0 12px 40px rgba(13,27,75,.12); z-index: 100;
  }
  .nav-links.open { display: flex; }
  .nav-hamburger { display: flex; }

  /* Features */
  .features-grid { grid-template-columns: 1fr 1fr; }

  /* Why */
  .why-grid { grid-template-columns: 1fr; }
  .why-visual { display: none; }

  /* How */
  .how-grid { grid-template-columns: 1fr 1fr; }

  /* Testimonials */
  .testi-grid { grid-template-columns: 1fr; }

  /* Contact */
  .contact-grid { grid-template-columns: 1fr; }
  .form-row { grid-template-columns: 1fr; }

  /* Footer */
  .footer-grid { grid-template-columns: 1fr 1fr; }
}

/* ── ≤700px: Ficha info-grid y distribuidores ── */
@media (max-width: 700px) {
  .ficha-info-grid { grid-template-columns: 1fr; }
  .dist-cards      { grid-template-columns: 1fr; }
}

/* ── ≤540px: Cart sidebar ── */
@media (max-width: 540px) {
  .cart-sidebar { width: 100%; }
}

/* ── ≤480px: Elementos pequeños ── */
@media (max-width: 480px) {
  .features-grid { grid-template-columns: 1fr; }
  .how-grid      { grid-template-columns: 1fr; }
  .footer-grid   { grid-template-columns: 1fr; }
  .footer-about  { display: none; }

  /* Hero farmacéutico — mobile */
  .hp          { padding: 110px 20px 90px; }
  .hp-logo     { width: 280px; }
  .hp-wm       { display: none; }
  .hp-mol      { opacity: .4; }
  .hp-ctas     { flex-direction: column; align-items: center; }
  .hp-cta-a, .hp-cta-b { width: 100%; max-width: 340px; justify-content: center; }

  .prod-grid   { grid-template-columns: repeat(2, 1fr); gap: 12px; }
  .prod-card   { padding: 20px 12px 16px; }
  .prod-vial   { height: 220px; padding: 16px; background: #ffffff; }
  .prod-vial img.prod-photo-img { max-height: 180px; max-width: 100%; width: auto !important; height: auto !important; }

  .detail-img-wrap img { max-width: 220px; max-height: 220px; }

  .dist-cta-band-btns { flex-direction: column; align-items: center; }
}

/* ── ≤360px: Mínimo ── */
@media (max-width: 360px) {
  .prod-grid { grid-template-columns: 1fr; }
}