/** * VSL Package Selector Styles * * Estilos específicos para el selector de paquetes cuando se usa en la VSL. * Estos estilos se aplican SOLO dentro de .page-vsl .pw-paquetes-hero * para evitar conflictos con el resto de la VSL. * * Los estilos del package-selector principal (main-package-selector.css) * se cargan automáticamente via load_component() */ /* NOTA IMPORTANTE: - Los estilos de paquetes/style.css se cargan con menor prioridad - Los estilos de vsl/style.css tienen prioridad sobre estos - Los estilos del selector vienen de main-package-selector.css (cargado automáticamente) Si hay conflictos visuales, revisar el orden de los tags en el */ /* ============================================ FIX: Proteger botones CTA de la VSL ============================================ */ /* Los estilos de paquetes pueden estar afectando los botones de la VSL. Aseguramos que los botones .pw-cta-premium mantengan su estilo original cuando NO están dentro del hero de paquetes. */ .page-vsl .pw-cta-premium:not(.pw-paquetes-hero .pw-cta-premium):not(.pw-buy-now-button) { /* Forzar el gradiente verde original */ background: linear-gradient( 135deg, var(--pw-primary) 0%, #6ea844 35%, #81c064 65%, var(--pw-primary) 100% ) !important; background-size: 300% 100% !important; /* Asegurar opacidad completa */ opacity: 1 !important; /* Forzar color de texto blanco */ color: #ffffff !important; /* Restaurar sombras */ box-shadow: 0 6px 20px rgba(var(--pw-primary-rgb), 0.4), 0 12px 40px rgba(var(--pw-primary-rgb), 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 -1px 0 rgba(0, 0, 0, 0.1) !important; /* Asegurar que no sea transparente */ background-color: var(--pw-primary) !important; } /* Asegurar que los íconos también sean visibles */ .page-vsl .pw-cta-premium:not(.pw-paquetes-hero .pw-cta-premium):not(.pw-buy-now-button) .icon { opacity: 1 !important; color: #ffffff !important; }