/**
 * MODIFICADO: 2026-04-08 - Cursor AI
 * - Botón scroll-to-top del tema ThemeVolty: visible en todos los dispositivos
 * - Sustituye el comportamiento del módulo ph_scrolltotop (PrestaHero)
 * - custom.css fuerza "display: none !important" en desktop y "display: block !important"
 *   en ≤1024px. Aquí se reemplaza ese control por opacity + visibility para que el JS
 *   pueda gestionar la transición suave sin conflictos con !important en display.
 * - Este archivo carga DESPUÉS de custom.css (añadido en head.tpl), por lo que los
 *   !important de mismo nivel de especificidad quedan anulados por los de aquí.
 * - Colores: fondo #333, al clicar/hover #f29021
 */

/* -----------------------------------------------------------------------
   Estado inicial: botón siempre presente en el DOM, invisible hasta scroll
   ----------------------------------------------------------------------- */
.tvbottom-to-top {
    display: block !important;
    background-color: #333 !important;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.35s ease, visibility 0.35s ease;
}

/* -----------------------------------------------------------------------
   Estado activo: clase añadida por JS cuando el scroll supera el umbral
   ----------------------------------------------------------------------- */
.tvbottom-to-top.ps-scrolltop-visible {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
}

/* -----------------------------------------------------------------------
   Hover y clic: naranja #f29021
   ----------------------------------------------------------------------- */
.tvbottom-to-top:hover,
.tvbottom-to-top:active {
    background-color: #f29021 !important;
}