/* Carruseles compactos dentro de la última pestaña de tratamientos. */
.mabe-mini-section{margin:20px 0 30px;min-width:0}
.mabe-mini-section:last-child{margin-bottom:6px}
.mabe-mini-heading{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:6px;margin-bottom:12px}
.mabe-mini-heading h3{margin:0!important;color:#8d0057;font-size:clamp(17px,2vw,21px)!important}
.mabe-mini-heading span{font-size:12px;color:#906b80}
.mabe-mini-track{display:flex;gap:12px;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin;scrollbar-color:#d897b9 transparent;padding:5px 2px 14px;touch-action:pan-x pan-y}
.mabe-mini-card{flex:0 0 236px;width:236px;min-height:0;display:flex;flex-direction:column;align-items:stretch;padding:8px;border:1px solid #f0c8dc;border-radius:15px;background:#fff;color:#3b2036;text-decoration:none!important;box-shadow:0 5px 14px #a0005013;transition:box-shadow .2s}
.mabe-mini-card:hover,.mabe-mini-card:focus-visible{box-shadow:0 7px 20px #a0005030;border-color:#df83b4}
.mabe-mini-card img{display:block;width:100%;height:235px;object-fit:contain;border-radius:10px;background:#fff0f7}
.mabe-mini-name{font-size:12px;font-weight:750;line-height:1.25;color:#44213b;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:8px 1px 4px;min-height:0}
.mabe-mini-card strong{font-size:17px;color:#c0006b;line-height:1.2;margin:0 1px}
.mabe-mini-action{font-size:11px;color:#a10060;font-weight:700;margin:5px 1px 0}
.mabe-upsell-tabintro{font-size:14px;color:#755b6d;margin:0 0 17px}
@media(max-width:600px){
 .mabe-mini-track{gap:9px;padding-bottom:12px}
 .mabe-mini-card{flex-basis:180px;width:180px;min-height:0;padding:6px;border-radius:12px}
 .mabe-mini-card img{border-radius:8px;height:184px;object-fit:contain}
 .mabe-mini-name{font-size:11px;min-height:0;margin-top:6px}
 .mabe-mini-card strong{font-size:15px}
 .mabe-mini-action{font-size:10px}
}
@media(prefers-reduced-motion:reduce){.mabe-mini-card{transition:none}}

/* Bucle continuo de CSS: funciona sin temporizadores JavaScript. */
.mabe-mini-track{display:block;overflow-x:auto;overflow-y:hidden;max-width:100%;scrollbar-width:none}
.mabe-mini-track::-webkit-scrollbar{display:none}
.mabe-mini-rail{display:flex;align-items:stretch;width:max-content;gap:0;animation:mabeMiniLoop 46s linear infinite;will-change:transform}
.mabe-mini-set{display:flex;align-items:stretch;gap:12px;flex:none;padding-right:12px}
.mabe-mini-track:hover .mabe-mini-rail,
.mabe-mini-track:focus-within .mabe-mini-rail,
.mabe-mini-track:active .mabe-mini-rail{animation-play-state:paused}
@keyframes mabeMiniLoop{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(max-width:600px){
 .mabe-mini-set{gap:9px;padding-right:9px}
 .mabe-mini-rail{animation-duration:38s}
}
/* Al igual que el carrusel principal, inicia automáticamente.
   El botón Pausar permite detenerlo en cualquier dispositivo. */

/* Controles visibles del carrusel: la persona elige reproducir o pausar. */
.mabe-mini-heading-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.mabe-mini-toggle{border:1px solid #cf82ac;border-radius:999px;background:#fff;color:#980058;padding:5px 11px;font-size:12px;font-weight:700;cursor:pointer}
.mabe-mini-toggle:focus-visible{outline:2px solid #a30060;outline-offset:2px}
.mabe-mini-track.user-paused .mabe-mini-rail{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){
 .mabe-mini-track.user-playing .mabe-mini-rail{animation:mabeMiniLoop 46s linear infinite;will-change:transform}
}
@media(prefers-reduced-motion:reduce) and (max-width:600px){
 .mabe-mini-track.user-playing .mabe-mini-rail{animation-duration:38s}
}