@media (max-width:760px){
  html,body{max-width:100%;overflow-x:hidden}
  .container{width:min(calc(100% - 24px),var(--max));min-width:0}
  .section{padding:34px 0}
  .section-head{margin-bottom:16px}
  .section-head h2{font-size:clamp(1.9rem,9vw,2.45rem);line-height:1.02}
  .section-head p{font-size:.92rem}
  .section-link{margin-top:10px;padding:8px 12px;font-size:.8rem}

  /* Home: reseñas y guías se recorren con el dedo sin hacer cards gigantes. */
  .review-grid,.guide-grid{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 1px 10px;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .review-grid::-webkit-scrollbar,.guide-grid::-webkit-scrollbar{display:none}
  .review-grid>.card,.guide-grid>.card{flex:0 0 min(82vw,330px);scroll-snap-align:start;min-width:0}
  .review-grid .product-media{height:190px;padding:14px}
  .review-grid .card-body{min-height:190px;padding:15px}
  .guide-card .guide-image{height:170px}
  .guide-card .card-body{min-height:220px;padding:15px}

  /* Regalos: dos cards compactas por fila, sin imágenes enormes ni recortes raros. */
  .gifts{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;overflow:visible!important}
  .gift{min-width:0;border-radius:16px}
  .gift-image{height:auto!important;aspect-ratio:4/3;background:#eef3f1;overflow:hidden}
  .gift-image img{width:100%;height:100%;object-fit:cover!important;object-position:center!important}
  .gift-copy{padding:10px 10px 12px}
  .gift-copy span{font-size:.55rem;margin-bottom:4px;letter-spacing:.06em}
  .gift-copy b{font-size:.9rem;line-height:1.15;display:block}

  /* Categorías de producto: dos columnas compactas con la foto real visible. */
  .product-page-grid,.category-product-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  .product-page-card{min-width:0;border-radius:16px}
  .page-product-media{height:145px!important;padding:10px!important;overflow:hidden}
  .page-product-media img{width:100%!important;height:100%!important;max-width:100%!important;object-fit:contain!important;object-position:center!important}
  .product-page-card>div{padding:12px!important}
  .product-page-card h3{font-size:1.02rem;line-height:1.08;margin-bottom:6px}
  .product-page-card p{font-size:.76rem;line-height:1.35;margin:0 0 10px}
  .product-page-card b{font-size:.78rem}

  /* Hubs de reseñas: una columna estable, sin desbordar imágenes ni botones. */
  .hub-tools{display:flex;gap:8px;overflow-x:auto;padding-bottom:8px;scrollbar-width:none}
  .hub-tools::-webkit-scrollbar{display:none}
  .hub-search{flex:0 0 100%;min-width:100%!important}
  .hub-filter{flex:0 0 auto;white-space:nowrap}
  .hub-grid{grid-template-columns:1fr!important;gap:12px!important}
  .hub-card{min-width:0!important;max-width:100%!important;overflow:hidden!important}
  .hub-media{height:210px!important;padding:14px!important;overflow:hidden!important}
  .hub-media img{width:100%!important;height:100%!important;max-width:100%!important;object-fit:contain!important;object-position:center!important}
  .hub-actions{display:flex;flex-wrap:wrap;gap:8px}
  .hub-actions a{max-width:100%}

  /* Texto, formularios y footer sin saltos horizontales. */
  .page-hero{padding:34px 0 20px}
  .page-hero h1,.hub-hero h1{font-size:clamp(2.25rem,11vw,3.2rem)}
  .article{padding:34px 0}
  .article h1{font-size:clamp(2.2rem,11vw,3.3rem)}
  .article-cover{height:auto;aspect-ratio:4/3;border-radius:20px}
  .need-box{padding:22px;border-radius:22px}
  .need-links{gap:7px}
  .need-links a{padding:8px 10px;font-size:.82rem}
  .newsletter,.transparency{padding:20px;border-radius:20px}
  .transparency{grid-template-columns:1fr!important;gap:8px}
  .footer{padding:34px 0}
}

@media (max-width:390px){
  .gifts{gap:8px!important}
  .gift-copy{padding:9px}
  .gift-copy b{font-size:.84rem}
  .page-product-media{height:132px!important}
  .product-page-card h3{font-size:.95rem}
}
