/* ===== RETOQUES MÓVIL v129 (Víctor) ===== */
/* SWIPE con el dedo en móvil = SCROLL NATIVO horizontal del navegador (imposible de romper por ningún
   handler JS: no depende de touchstart/touchmove). La galería se convierte en un carril con overflow-x:auto
   y scroll-snap; el dedo la desplaza como cualquier carrusel nativo y cada foto encaja centrada. */
/* 4b) Iconos centrados en la altura del recuadro + borde de las respuestas un pelín más gris (sutil, todas las pantallas) */
.joma-post .jp-vrow{align-items:center!important;border-color:#dadde6!important}
.joma-post .jp-faq-item{border-color:#dadde6!important}
/* El botón "Ir a ver el producto seleccionado" solo se muestra en móvil (en escritorio se toca la foto). */
.joma-post .jp-gcar-goprod-wrap{display:none}
@media(max-width:640px){
  /* SCROLL NATIVO horizontal de la galería (el dedo la mueve; el navegador encaja cada foto centrada). */
  .joma-post .jp-gcar2 .jp-carousel{overflow-x:auto!important;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;touch-action:pan-x pan-y pinch-zoom!important}
  .joma-post .jp-gcar2 .jp-carousel::-webkit-scrollbar{display:none;width:0;height:0}
  .joma-post .jp-gcar2 .jp-carousel-track{transform:none!important;transition:none!important;will-change:auto}
  .joma-post .jp-gcar2 .jp-carousel-slide{scroll-snap-align:center;scroll-snap-stop:always}
  /* 1) Justificar TODOS los párrafos en móvil (salvo utilitarios) */
  .joma-post p{text-align:justify}
  .joma-post .jp-ref,.joma-post .jp-ref-color,.joma-post .jp-eyebrow,.joma-post .jp-tldr-h,.joma-post .jp-buy-load,.joma-post .jp-cfact,.joma-post .jp-vid-cta,.joma-post .jp-gal-below,.joma-post .jp-store-tag,.joma-post .jp-faq-q{text-align:left!important}
  /* 2) Borde de la ficha de producto un poco más gris/suave, menos negro (doble .jp-card = más específico) */
  .joma-post .jp-grid .jp-card.jp-card{border-color:#cbcdd3!important;position:relative}
  /* 3) Tag ("Exclusiva"/"Evolución"...) a la esquina SUP-IZQ pero SIN PISAR la foto: se reserva hueco arriba en
        la zona de la imagen; si tiene 2 palabras, se parte en 2 líneas. Título con ~2 líneas en blanco. */
  .joma-post .jp-grid .jp-card .jp-thumb-wrap{padding-top:38px!important}
  .joma-post .jp-grid .jp-card .jp-head-info .jp-tag{position:absolute!important;top:9px;left:14px;right:auto!important;margin:0!important;z-index:5;white-space:normal!important;max-width:calc(100% - 28px);line-height:1.15;text-align:left}
  .joma-post .jp-grid .jp-card .jp-head-info h4{margin-top:.35em!important}
  /* 5) Miniaturas de galería en filas de 3, centradas (justify-content:center centra las filas incompletas) */
  .joma-post .jp-gcar-thumbs{max-width:192px;margin-left:auto;margin-right:auto}
  /* Botón "Ir a ver el producto seleccionado" (solo MÓVIL): al tocar la foto ya no va al producto, se usa esto. */
  .joma-post .jp-gcar-goprod-wrap{display:block;text-align:center;margin-top:16px}
  .joma-post .jp-gcar-goprod{max-width:94%;background:#fff;border:1.5px solid #9fd4ec;color:#009ecf;font-weight:700;font-size:1rem;padding:11px 22px;border-radius:11px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;line-height:1.2;white-space:nowrap;text-align:center;box-shadow:0 2px 8px rgba(0,158,207,.12)}
  .joma-post .jp-gcar-goprod:active{background:#eaf8ff}
  /* 6) Flecha "↑ menú" un 20% más pequeña */
  .joma-post h3.jp-section .jp-tomenu{font-size:.58em!important}
}