/* ==========================================================================
   ELON - Estilos Personalizados (Tech & Industrial)
   ========================================================================== */

/* Comportamiento base suave para anclas (links) */
html {
    scroll-behavior: smooth;
}

/* Fondo principal con degradado radial sutil (Efecto Blueprint / Tech) */
.tech-bg {
    background: radial-gradient(circle at center, #16282e 0%, #0f1e23 100%);
}

/* Efecto de brillo para textos destacados (h1) */
.glow-text {
    text-shadow: 0 0 15px rgba(31, 195, 249, 0.4);
}

/* Efectos hover para las tarjetas de servicios */
.service-card {
    transition: all 0.3s ease-in-out;
}

.service-card:hover {
    box-shadow: 0 0 20px rgba(31, 195, 249, 0.15);
    transform: translateY(-5px);
}

/* Barra de scroll personalizada (para que haga juego con el diseño oscuro) */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: #0f1e23;
}
::-webkit-scrollbar-thumb {
    background: #1fc3f9;
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: #17a2d1;
}