/* INTREBU - Color Override: Azul */

:root {
    /* Colores Primarios - Azul */
    --primary: 217 91% 60%;
    /* Azul vibrante #4A90E2 */
    --primary-foreground: 0 0% 100%;

    /* Variaciones de Azul */
    --accent: 210 100% 56%;
    /* Azul más saturado #007AFF */
    --accent-foreground: 0 0% 100%;

    --secondary: 214 84% 48%;
    /* Azul profundo #1E5BA8 */
    --secondary-foreground: 0 0% 100%;
}

/* Gradientes de texto heroicos - Azul */
.hero-gradient-text {
    background: linear-gradient(135deg,
            hsl(217, 91%, 60%) 0%,
            /* Azul vibrante */
            hsl(210, 100%, 56%) 50%,
            /* Azul saturado */
            hsl(214, 84%, 48%) 100%
            /* Azul profundo */
        );
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* Orbes del hero - Azul */
.hero-orb-1 {
    background: radial-gradient(circle,
            hsla(217, 91%, 60%, 0.2) 0%,
            hsla(217, 91%, 60%, 0) 70%);
}

.hero-orb-2 {
    background: radial-gradient(circle,
            hsla(210, 100%, 56%, 0.15) 0%,
            hsla(210, 100%, 56%, 0) 70%);
}

/* Botones primarios */
.bg-primary {
    background-color: hsl(217, 91%, 60%) !important;
}

.hover\:bg-primary:hover {
    background-color: hsl(210, 100%, 56%) !important;
}

.text-primary {
    color: hsl(217, 91%, 60%) !important;
}

.hover\:text-primary:hover {
    color: hsl(217, 91%, 60%) !important;
}

/* Bordes */
.border-primary {
    border-color: hsl(217, 91%, 60%) !important;
}

.hover\:border-primary:hover {
    border-color: hsl(217, 91%, 60%) !important;
}

/* Sombras con azul */
.shadow-primary {
    --tw-shadow-color: hsl(217, 91%, 60%);
    box-shadow: var(--tw-shadow);
}

/* Efectos de fondo */
.bg-primary\/10 {
    background-color: hsla(217, 91%, 60%, 0.1) !important;
}

.bg-primary\/20 {
    background-color: hsla(217, 91%, 60%, 0.2) !important;
}

/* Animaciones de pulso */
.animate-pulse {
    animation: pulse-blue 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

@keyframes pulse-blue {

    0%,
    100% {
        opacity: 1;
    }

    50% {
        opacity: 0.5;
    }
}

/* Gradientes de tarjetas */
.from-primary\/20 {
    --tw-gradient-from: hsla(217, 91%, 60%, 0.2);
    --tw-gradient-to: hsla(217, 91%, 60%, 0);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.to-primary\/5 {
    --tw-gradient-to: hsla(217, 91%, 60%, 0.05);
}

/* Badge del hero */
.hero-badge {
    background: linear-gradient(135deg,
            hsla(217, 91%, 60%, 0.1) 0%,
            hsla(210, 100%, 56%, 0.05) 100%);
    border: 1px solid hsla(217, 91%, 60%, 0.2);
}

/* Efectos de hover en cards */
.glass-card:hover {
    border-color: hsla(217, 91%, 60%, 0.3) !important;
}

/* Ocultar sección de Casos de Éxito */
section#casos {
    display: none !important;
}

/* Ocultar sección de Recurso Gratuito (Lead Magnet) */
section.py-20:has(input[type="email"]),
section:has(button:contains("Descargar")) {
    display: none !important;
}

/* Ocultar botón flotante de IA - Selectores válidos */
.fixed.bottom-8.right-8,
.fixed.bottom-0,
button[class*="fixed"][class*="bottom"],
div[class*="fixed"][class*="bottom"][class*="z-"],
a[href="#"][class*="fixed"],
.fixed.z-50.bottom-8.right-8,
div[class*="z-50"][class*="bottom"],
div[class*="z-60"][class*="bottom"],
/* Ocultar por posición fija en bottom-right */
.fixed.bottom-8,
.fixed.right-8 {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

/* Ocultar sección de Contacto/Formulario */
section#contacto {
    display: none !important;
}