/* =========================================================
   INICIO ARCHIVO: css/responsive.css
   Función: adaptación móvil/tablet de la web Aigopura.
   ========================================================= */

/* =========================================================
   TABLET Y PORTÁTIL PEQUEÑO
   ========================================================= */
@media(max-width:1100px){
  .solution-grid{grid-template-columns:repeat(2,1fr)}
  .calc-results{grid-template-columns:repeat(3,1fr)}
  .product-strip{grid-template-columns:repeat(2,1fr)}
  .footer-grid{grid-template-columns:repeat(2,1fr)}
}
/* =========================================================
   FIN TABLET Y PORTÁTIL PEQUEÑO
   ========================================================= */

/* =========================================================
   MÓVIL Y TABLET VERTICAL
   ========================================================= */
@media(max-width:820px){
  .header-grid{grid-template-columns:auto auto;height:74px}.menu-toggle{display:block;justify-self:end}.main-nav{position:absolute;left:20px;right:20px;top:78px;background:#fff;border:1px solid var(--color-border);border-radius:20px;box-shadow:var(--shadow-soft);display:none;flex-direction:column;align-items:stretch;padding:18px}.main-nav.is-open{display:flex}.header-cta{display:none}
  .hero-section{padding:70px 0}.hero-grid,.myth-grid,.form-grid{grid-template-columns:1fr;gap:34px}.hero-visual{min-height:390px}.hero-product-main{max-width:250px;right:32px}.hero-product-secondary{max-width:170px;left:28px}.water-drop{width:130px;height:130px}
  .calc-grid{grid-template-columns:1fr}.calc-cta{display:block}.calc-cta .btn{width:100%;margin-top:14px}.footer-grid{grid-template-columns:1fr}
}
/* =========================================================
   FIN MÓVIL Y TABLET VERTICAL
   ========================================================= */

/* =========================================================
   MÓVIL PEQUEÑO
   ========================================================= */
@media(max-width:560px){
  .container{width:min(100% - 28px,var(--container))}.section{padding:68px 0}.hero-actions .btn{width:100%}.solution-grid,.product-strip,.calc-results{grid-template-columns:1fr}.calculator-head,.calculator-body,.lead-form{padding:24px}.solution-card{min-height:auto}.floating-whatsapp{left:14px;right:14px;text-align:center}
}
/* =========================================================
   FIN MÓVIL PEQUEÑO
   ========================================================= */

/* =========================================================
   FIN ARCHIVO: css/responsive.css
   ========================================================= */


/* =========================================================
   INICIO RESPONSIVE: MAPA LOCAL PREMIUM
   Función:
   - En tablet y móvil el mapa pasa a una sola columna.
   - Los botones ocupan ancho completo en pantallas pequeñas.
   - Se reduce altura del iframe para evitar scroll excesivo.
   ========================================================= */
@media (max-width: 900px){
  .map-grid{
    grid-template-columns:1fr;
  }
}

@media (max-width: 640px){
  .map-section{
    padding:48px 0;
  }

  .map-info-card{
    padding:24px;
    border-radius:22px;
  }

  .map-frame-card{
    border-radius:22px;
    min-height:320px;
  }

  .map-frame-card iframe{
    height:320px;
    border-radius:18px;
  }

  .map-actions .btn{
    width:100%;
    justify-content:center;
    text-align:center;
  }
}
/* =========================================================
   FIN RESPONSIVE: MAPA LOCAL PREMIUM
   ========================================================= */