/* ===================================================================== Bengala Spain · Scroll infinito en listados (módulo bengalascroll) El paginador SOLO se oculta cuando el JS ha añadido la clase `bsc-active` al . Si el JS no arranca o se rinde, el cliente ve el paginador de siempre. Por eso todo lo de abajo cuelga de `html.bsc-active`. ===================================================================== */ /* --- Paginador nativo: fuera cuando mandamos nosotros --- */ html.bsc-active #js-product-list .pagination, html.bsc-active #js-product-list .pagination-wrapper, html.bsc-active #js-product-list .pagination-wrapper-bottom { display: none !important; } /* --- Carga dinámica de Amazzing Filter: fuera (mandamos nosotros) --- */ html.bsc-active .dynamic-loading[data-bsc-off] { display: none !important; } /* --- Nuestro pie: estado + botón + centinela --- */ .bsc-foot { display: flex; flex-direction: column; align-items: center; gap: 14px; width: 100%; padding: 26px 0 8px; clear: both; } .bsc-status { font-size: 13px; font-weight: 600; letter-spacing: .02em; color: #8a9099; text-align: center; min-height: 18px; } .bsc-foot--end .bsc-status { color: #6b6b6b; } /* Botón «Ver más productos» */ .bsc-more { display: inline-block; background: #ef5d14; color: #fff; border: 0; border-radius: 8px; padding: 13px 34px; font-size: 13px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; line-height: 1.2; cursor: pointer; transition: background .15s, transform .05s; } .bsc-more:hover, .bsc-more:focus { background: #d94f0c; color: #fff; } .bsc-more:active { transform: translateY(1px); } .bsc-more[hidden] { display: none !important; } /* Indicador de carga */ .bsc-spinner { width: 26px; height: 26px; border: 3px solid #e6e6e6; border-top-color: #ef5d14; border-radius: 50%; animation: bsc-spin .7s linear infinite; } .bsc-spinner[hidden] { display: none !important; } @keyframes bsc-spin { to { transform: rotate(360deg); } } /* Quien no quiera animaciones, que no las tenga */ @media (prefers-reduced-motion: reduce) { .bsc-spinner { animation-duration: 2.4s; } .bsc-more { transition: none; } } /* Centinela: invisible, solo sirve para saber que se ha llegado abajo */ .bsc-sentinel { width: 100%; height: 1px; margin: 0; padding: 0; pointer-events: none; } /* --- Móvil --- */ @media (max-width: 767px) { .bsc-foot { padding: 18px 0 6px; gap: 12px; } .bsc-more { padding: 12px 26px; font-size: 12px; } .bsc-status { font-size: 12px; } }