/*
Theme Name: Glowing Solutions
Theme URI: https://glowingsoluciones.com
Author: VuvoSystems
Author URI: https://vuvosystems.com
Description: Tema personalizado para Glowing Solutions - Diversión con Innovación
Version: 1.0.0
License: GNU General Public License v2 or later
Text Domain: glowing-solutions
*/

/* =============================================
   CUSTOM STYLES & ANIMATIONS
   ============================================= */

body {
    background-color: #0B0F19;
    color: #F8FAFC;
    overflow-x: hidden;
    font-family: 'Montserrat', sans-serif;
}

.bg-glass {
    background: rgba(15, 23, 42, 0.7);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255,255,255,0.1);
}

.text-gradient {
    background: linear-gradient(to right, #FACC15, #F59E0B);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.text-gradient-glow {
    background: linear-gradient(to right, #8B5CF6, #D946EF);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* Section Transitions */
.section-hidden { display: none; opacity: 0; transition: opacity 0.3s ease; }
.section-active  { display: block; opacity: 1; transition: opacity 0.3s ease; animation: fadeIn 0.5s ease-in-out; }

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* Floating WhatsApp */
.float-wa { position: fixed; bottom: 20px; right: 20px; z-index: 100; animation: bounce 2s infinite; }
@keyframes bounce {
    0%, 100% { transform: translateY(0); }
    50%       { transform: translateY(-10px); }
}

/* Custom Scrollbar */
::-webkit-scrollbar       { width: 8px; }
::-webkit-scrollbar-track { background: #0B0F19; }
::-webkit-scrollbar-thumb { background: #CA8A04; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #FACC15; }

/* Loader */
.loader {
    border-top-color: #FACC15;
    -webkit-animation: spinner 1.5s linear infinite;
    animation: spinner 1.5s linear infinite;
}
@keyframes spinner {
    0%   { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* Disco Text */
.text-disco {
    background: linear-gradient(to right, #a855f7, #ec4899, #3b82f6, #2dd4bf, #a855f7);
    background-size: 200% auto;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: disco-shine 3s linear infinite;
}
@keyframes disco-shine { to { background-position: 200% center; } }

/* Logo Gradient */
.logo-gradient {
    background: linear-gradient(to right, #00c6ff, #0072ff, #f107a3, #ff512f, #facc15);
    background-size: 200% auto;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: gradient-shift 4s ease infinite;
}
@keyframes gradient-shift {
    0%   { background-position: 0% 50%; }
    50%  { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

/* Silver Text */
.text-silver {
    background: linear-gradient(to right, #cbd5e1, #ffffff, #94a3b8);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* Explosion Effect */
@keyframes explosion-pop {
    0%   { transform: scale(1); filter: brightness(1); }
    20%  { transform: scale(1.4) rotate(-3deg); filter: brightness(1.8) drop-shadow(0 0 20px #FACC15); opacity: 1; }
    40%  { transform: scale(1.1) rotate(3deg); filter: brightness(1.3); }
    100% { transform: scale(1) rotate(0); filter: brightness(1); }
}
.efecto-estallido { animation: explosion-pop 0.6s ease-out forwards; z-index: 50; position: relative; }

/* Deflate Effect */
.efecto-desinflar { transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s; }
.efecto-desinflar:active { transform: scale(0.85) scaleY(0.7) !important; opacity: 0.7; box-shadow: none !important; }

/* Wizard Step Animation */
.step-enter { animation: slideInRight 0.4s ease-out forwards; }
@keyframes slideInRight {
    from { opacity: 0; transform: translateX(20px); }
    to   { opacity: 1; transform: translateX(0); }
}

/* Tailwind custom shadows (replicado como clases CSS puras) */
.shadow-glow      { box-shadow: 0 0 15px rgba(139, 92, 246, 0.5); }
.shadow-glow-gold { box-shadow: 0 0 15px rgba(250, 204, 21, 0.5); }

/* Color Utilities */
.bg-dark    { background-color: #0F172A; }
.bg-darker  { background-color: #0B0F19; }
.text-glow  { color: #8B5CF6; }
.bg-glow    { background-color: #8B5CF6; }
.border-l-glow { border-left-color: #8B5CF6; }

.text-gold-400  { color: #FACC15; }
.text-gold-300  { color: #FDE047; }
.bg-gold-500    { background-color: #EAB308; }
.bg-gold-400    { background-color: #FACC15; }
.text-darker    { color: #0B0F19; }

/* WordPress menu reset */
#site-navigation ul { list-style: none; margin: 0; padding: 0; }
#site-navigation ul li a { text-decoration: none; }

/* Booking Steps */
.booking-step.hidden { display: none; }