/* V3.9: estabilidad y navegación móvil */
@media(max-width:900px){
  html,body{width:100%;max-width:100%;overflow-x:clip}
  .hero.question-hero{min-height:100svh;min-height:100vh;display:flex;align-items:center}
  .question-hero .wrap{padding-top:130px;padding-bottom:120px}
  .question-hero h1{font-size:clamp(51px,12vw,88px);overflow-wrap:normal;word-break:normal}
  .question-hero .prompt{max-width:95%}
  .section-head h2,.depth-intro h2{overflow-wrap:break-word}
  .quick-nav{display:flex!important;position:fixed;left:8px;right:8px;bottom:max(8px,env(safe-area-inset-bottom));width:auto;max-width:calc(100vw - 16px);justify-content:space-around;gap:0;z-index:100;overflow-x:auto;scrollbar-width:none}
  .quick-nav a{display:block!important;flex:1;text-align:center;font-size:clamp(10px,2.7vw,12px);padding:12px 4px}
  .shop-launch{display:block!important;position:fixed;z-index:101;right:12px;bottom:calc(70px + env(safe-area-inset-bottom));max-width:calc(100vw - 24px)}
  .product-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .product{min-width:0;display:block!important}
  .product-art img{display:block!important;width:100%;height:100%;object-fit:cover}
  #productos,#debajo,#inicio{display:block;visibility:visible}
  #inicio{display:flex}
  .reveal{opacity:1!important;transform:none!important}
  section[id]{scroll-margin-top:22px}
  body{padding-bottom:calc(65px + env(safe-area-inset-bottom))}
}
@media(max-width:520px){
  .hero-actions{gap:10px}
  .hero-discover,.hero-actions .pill{font-size:13px;padding:12px 14px}
  .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .product-body{min-height:0}
  .product-body h3{font-size:18px}
  .shop-dialog{max-height:calc(100dvh - 28px);overflow-y:auto}
  .field-grid{display:grid;grid-template-columns:1fr}
  .field-card,.field-wide{grid-column:1;height:310px}
}