/* public/css/decidesc.css */
@import url('https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,300;0,400;0,700;0,900;1,300&family=Lato:wght@300;400;700&display=swap');

:root {
    --brand-blue: #004c97; /* Azul McKinsey Brillante */
    --dark-bg: #031424;    /* Fondo Azul Profundo */
    --card-bg: rgba(5, 28, 44, 0.7); /* Azul Marino para tarjetas */
}

body {
    background-color: var(--dark-bg);
    font-family: 'Lato', sans-serif;
    color: #e2e8f0;
}

/* Tipografía Serif para Autoridad */
h1, h2, h3, .serif-text {
    font-family: 'Merriweather', serif;
}

/* Reemplazos de color de fondo para que tu HTML use el nuevo azul */
.bg-\[\#05070a\], .bg-\[\#080b10\] { background-color: var(--dark-bg) !important; }
.from-\[\#05070a\] { --tw-gradient-from: var(--dark-bg) !important; }
.to-\[\#05070a\] { --tw-gradient-to: var(--dark-bg) !important; }
.via-\[\#05070a\]\/80 { --tw-gradient-via: rgba(3, 20, 36, 0.8) !important; }
.via-\[\#05070a\]\/50 { --tw-gradient-via: rgba(3, 20, 36, 0.5) !important; }

/* Texto Degradado Suavizado */
.text-gradient {
    background: linear-gradient(180deg, #FFFFFF 0%, #94a3b8 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* Ajuste Glassmorphism a Estilo Editorial */
.glass-panel {
    background: var(--card-bg);
    border: 1px solid rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(12px);
    transition: all 0.4s ease;
}
.glass-panel:hover {
    background: rgba(5, 28, 44, 0.95);
    border-color: rgba(255, 255, 255, 0.15);
}

/* Ajustes del Semáforo */
.glow-red { border-top: 4px solid #ef4444; background: rgba(239, 68, 68, 0.08) !important; }
.glow-yellow { border-top: 4px solid #eab308; background: rgba(234, 179, 8, 0.08) !important; }
.glow-green { border-top: 4px solid #10b981; background: rgba(16, 185, 129, 0.08) !important; }

/* Resto de animaciones que ya tenías... */
.ambient-glow-blue { position: absolute; width: 600px; height: 600px; background: radial-gradient(circle, rgba(0, 76, 151, 0.15) 0%, transparent 70%); filter: blur(80px); z-index: 0; pointer-events: none; }
.card-stack { position: relative; transition: transform 0.4s ease; }
.card-stack:hover { transform: translateY(-5px) scale(1.02); z-index: 20; box-shadow: 0 20px 40px rgba(0,0,0,0.6); }
.slider-container { mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent); overflow: hidden; }
.slider-track { display: flex; width: max-content; animation: scroll 40s linear infinite; }
.slider-track:hover { animation-play-state: paused; }
@keyframes scroll { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } }
.client-logo { filter: grayscale(100%) opacity(0.4); transition: all 0.4s ease; }
.client-logo:hover { filter: grayscale(0%) opacity(1); }



/* Botón Flotante de WhatsApp */
        .whatsapp-float {
            position: fixed;
            width: 60px;
            height: 60px;
            bottom: 40px;
            right: 40px;
            background-color: #3e7fc1;
            color: #FFF;
            border-radius: 50px;
            text-align: center;
            font-size: 30px;
            box-shadow: 0px 5px 15px rgba(0,0,0,0.3);
            z-index: 1000;
            display: flex;
            align-items: center;
            justify-content: center;
            text-decoration: none;
            transition: all 0.3s ease;
        }

        .whatsapp-float:hover {
            background-color: #06054d;
            color: #fff;
            transform: scale(1.1);
        }

        /* Animación de pulso para que resalte */
        .whatsapp-pulse {
            animation: pulse-green 2s infinite;
            border-radius: 50%;
        }

        @keyframes pulse-green {
            0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(200, 200, 200, 0.7); }
            70% { transform: scale(1); box-shadow: 0 0 0 15px rgba(200, 200, 200, 0); }
            100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(200, 200, 200, 0); }
        }

        [x-cloak] { display: none !important; }