/* Móvil: lectura cómoda, áreas táctiles de 44 px y más impacto visual */
@media(max-width:760px){
  html{-webkit-text-size-adjust:100%}
  body{overflow-x:hidden}

  /* Menú y pie: áreas táctiles */
  .main-nav a{min-height:48px;display:flex;align-items:center}
  .main-nav .nav-cta{justify-content:center;min-height:52px;background:linear-gradient(135deg,#0a84ff,#0050c8);color:#fff;box-shadow:0 12px 28px rgba(0,113,227,.4);border-radius:999px}
  .qm-footer .qm-footer-links a{display:inline-flex;align-items:center;min-height:44px;padding:0 8px}
  .qm-footer .qm-footer-copy{padding-bottom:84px}

  /* Hero: más compacto para que el producto aparezca antes */
  .hero{padding-top:20px}
  .hero .eyebrow{font-size:12px;padding:9px 16px}
  .hero .hero-lead{font-size:17px;line-height:1.35}
  .hero .hero-lead .hl-2{font-size:18px}
  .hero .hero-price{margin-top:20px;padding:10px 18px 12px;gap:4px 12px}
  .hero .hero-price .hp-from{font-size:12px}
  .hero .hero-price strong{font-size:48px}
  .hero .hero-price .hp-once{font-size:13px;padding:8px 14px}
  .hero .hero-actions{margin-top:22px}
  .hero .hero-proof{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:18px;width:100%}
  .hero .hero-proof li{flex:none;gap:8px;padding:9px 16px 9px 9px;font-size:14px;white-space:nowrap}
  .hero .hero-proof li:before{flex:none;width:22px;height:22px;font-size:12px}
  .hero .hero-visual{margin-top:20px}

  /* Soluciones: tipografía legible y etiquetas claras */
  #soluciones .premium-media-label{top:12px;right:12px;padding:7px 12px;border-radius:999px;background:#fff;color:#123273;font-size:11px;font-weight:800;letter-spacing:.08em;box-shadow:0 4px 14px rgba(0,0,0,.12)}
  #soluciones .premium-kind{font-size:12px}
  #soluciones .premium-price span b{font-size:12px}
  #soluciones .premium-price span small{font-size:11px}
  #soluciones .premium-benefits li{font-size:14.5px;line-height:1.4}

  /* Otras etiquetas pequeñas */
  .control-kicker{font-size:12px}
  .duo-promo .duo-kicker{font-size:12px}
  .duo-terms,.process-kicker{font-size:12px}

  /* Preguntas frecuentes */
  .faq summary{min-height:56px}
}
@media(max-width:380px){
  .hero .hero-proof li{font-size:13px;padding:8px 13px 8px 8px}
  .hero h1{font-size:clamp(30px,9vw,40px)}
}
@supports(padding:max(0px)){
  .qm-footer-inner{padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right))}
}