.elementor-251 .elementor-element.elementor-element-79192cd{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-251 .elementor-element.elementor-element-e919e58{--display:flex;--min-height:0px;}.elementor-251 .elementor-element.elementor-element-b98425f.elementor-element{--flex-grow:0;--flex-shrink:0;}@media(min-width:768px){.elementor-251 .elementor-element.elementor-element-e919e58{--content-width:890px;}}@media(max-width:767px){.elementor-251 .elementor-element.elementor-element-ea6f7ae.elementor-element{--align-self:center;}.elementor-251 .elementor-element.elementor-element-a692441.elementor-element{--align-self:center;}.elementor-251 .elementor-element.elementor-element-e919e58:not(.elementor-motion-effects-element-type-background), .elementor-251 .elementor-element.elementor-element-e919e58 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://bodegastream.com/wp-content/uploads/2025/11/478ee992-eeb5-4481-8fac-1b7d5e956714.jpeg");}.elementor-251 .elementor-element.elementor-element-e919e58{--content-width:500px;--min-height:40px;}.elementor-251 .elementor-element.elementor-element-b98425f{width:var( --container-widget-width, 486px );max-width:486px;--container-widget-width:486px;--container-widget-flex-grow:0;}}/* Start custom CSS for container, class: .elementor-element-79192cd *//* =========================================== 🔥 BANNER TOTAL PUNTOS - MODO BODEGA 🔥 (diseño igual, colores rojos y animación rápida) =========================================== */ .elementor-251 .elementor-element.elementor-element-79192cd { position: relative; max-width: 340px; margin: 10px auto 25px auto; padding: 14px 26px 18px; text-align: center; overflow: hidden; border-radius: 12px; } /* Marco exterior degradado rojo / naranja / dorado */ .elementor-251 .elementor-element.elementor-element-79192cd::before { content: ""; position: absolute; inset: -3px; background: linear-gradient(120deg, #ff0000, /* rojo */ #ff4b00, /* naranja fuerte */ #ffcc00, /* dorado */ #ff0000 ); z-index: -2; filter: drop-shadow(0 0 18px rgba(255,0,0,0.8)); animation: bannerGlowBodega 2s ease-in-out infinite; /* ⚡ más rápido */ } /* Fondo interior oscuro con puntos/luces en movimiento */ .elementor-251 .elementor-element.elementor-element-79192cd::after { content: ""; position: absolute; inset: 4px; background: radial-gradient(circle at 10% 20%, rgba(255,255,255,0.13) 0, transparent 55%), radial-gradient(circle at 80% 70%, rgba(255,0,0,0.20) 0, transparent 55%), #05070d; z-index: -1; opacity: 0.98; background-size: 220% 220%; animation: puntosFlotando 4s linear infinite; /* ⚡ más rápido */ } /* Título "TUS PUNTOS" */ .elementor-251 .elementor-element.elementor-element-79192cd .elementor-heading-title { font-family: 'Orbitron', sans-serif; font-size: 18px; letter-spacing: 4px; text-transform: uppercase; color: #ffe6e6; margin-bottom: 4px; text-shadow: 0 0 6px rgba(255,0,0,0.9), 0 0 14px rgba(255,75,0,0.9); } /* Número grande (saldo disponible del usuario) */ .elementor-251 .elementor-element.elementor-element-79192cd .gamipress-points-amount, .elementor-251 .elementor-element.elementor-element-79192cd .gamipress-user-points, .elementor-251 .elementor-element.elementor-element-79192cd [class*="points"] { display: inline-block; font-family: 'Orbitron', sans-serif; font-size: 30px; font-weight: 700; color: #ffffff; text-shadow: 0 0 8px rgba(255,255,255,0.9), 0 0 16px rgba(255,0,0,0.8); } /* Texto "HISTORIAL DE PUNTOS: XXXX" debajo */ .elementor-251 .elementor-element.elementor-element-79192cd .historial-puntos-banner { display: block; margin-top: 6px; font-family: 'Orbitron', sans-serif; font-size: 11px; letter-spacing: 2px; text-transform: uppercase; color: #ffcc00; text-shadow: none; } /* Número dentro del historial (mismo amarillo, sin brillo fuerte) */ .elementor-251 .elementor-element.elementor-element-79192cd .historial-puntos-banner .gamipress-points-amount, .elementor-251 .elementor-element.elementor-element-79192cd .historial-puntos-banner [class*="points"] { font-size: 12px; font-weight: 700; color: #ffcc00; text-shadow: none; } /* Animación brillo del marco rojo/dorado */ @keyframes bannerGlowBodega { 0% { box-shadow: 0 0 12px rgba(255,0,0,0.7); } 50% { box-shadow: 0 0 26px rgba(255,204,0,0.95); } 100% { box-shadow: 0 0 12px rgba(255,0,0,0.7); } } /* Animación de puntos/luces en el fondo */ @keyframes puntosFlotando { 0% { background-position: 0% 0%; } 50% { background-position: 100% 100%; } 100% { background-position: 0% 0%; } } /* =========================================== ⭐ TITULO "TUS PUNTOS" AMARILLO + TITILEO PRO =========================================== */ /* Color amarillo elegante */ .elementor-251 .elementor-element.elementor-element-79192cd .elementor-heading-title { color: #ffcc00 !important; /* Amarillo dorado */ text-shadow: 0 0 6px rgba(255,204,0,0.7), 0 0 14px rgba(255,204,0,0.4) !important; animation: tituloBrillo 1.6s ease-in-out infinite; } /* Titileo suave y profesional */ @keyframes tituloBrillo { 0% { opacity: 1; text-shadow: 0 0 6px rgba(255,204,0,0.8), 0 0 14px rgba(255,204,0,0.5); } 50% { opacity: 0.70; text-shadow: 0 0 10px rgba(255,204,0,1), 0 0 18px rgba(255,204,0,0.85); } 100% { opacity: 1; text-shadow: 0 0 6px rgba(255,204,0,0.8), 0 0 14px rgba(255,204,0,0.5); } }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b98425f *//* 🔥 PRODUCTO (CANVA PRO, AMAZON, DISNEY…) EN ROJO */ #historial-puntos td:nth-child(2) em, #historial-puntos td:nth-child(2) span, #historial-puntos td:nth-child(2) a { color: #ff3b3b !important; /* Rojo gamer elegante */ font-weight: 700; text-shadow: 0 0 6px rgba(255, 60, 60, 0.45); /* Glow suave */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e919e58 *//* =========================================== ✨ DESCRIPCIÓN COMPLETA EN BLANCO BRILLANTE CON EFECTO TITILEO ELEGANTE =========================================== */ /* Texto completo (200 PUNTOS DE COMPRA... CANVA PRO...) */ #historial-puntos td:nth-child(2) strong { color: #ffffff !important; /* blanco */ font-weight: 700; text-shadow: 0 0 6px rgba(255,255,255,0.7), 0 0 12px rgba(255,255,255,0.4), 0 0 18px rgba(255,255,255,0.2); animation: textoBlancoGlow 1.4s ease-in-out infinite; } /* Segunda línea debajo (PUNTOS Premio) NO se toca aquí */ #historial-puntos td:nth-child(2) { color: #ffffff !important; } /* Animación elegante */ @keyframes textoBlancoGlow { 0% { opacity: 1; text-shadow: 0 0 6px rgba(255,255,255,0.7), 0 0 12px rgba(255,255,255,0.4), 0 0 18px rgba(255,255,255,0.2); } 50% { opacity: 0.72; text-shadow: 0 0 10px rgba(255,255,255,1), 0 0 18px rgba(255,255,255,0.9), 0 0 26px rgba(255,255,255,0.7); } 100% { opacity: 1; text-shadow: 0 0 6px rgba(255,255,255,0.7), 0 0 12px rgba(255,255,255,0.4), 0 0 18px rgba(255,255,255,0.2); } } /* =========================================== ⭐ PUNTOS (200, 20, 10…) EN AMARILLO NEÓN SIN TITILEO - ESTILO ELEGANTE =========================================== */ #historial-puntos td:last-child strong { color: #ffe600 !important; /* amarillo neón elegante */ font-weight: 600; text-shadow: 0 0 4px rgba(255,230,0,0.4), 0 0 8px rgba(255,230,0,0.25); } /* Para la palabra "PUNTOS" debajo del número */ #historial-puntos td:last-child { color: #ffe600 !important; font-weight: 500; }/* End custom CSS */