/* JCVERADS HUB - Custom Design System */

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    background-color: #080A0A;
}

/* Ruido cinemático de fondo */
.noise-overlay {
    background-image: url('https://grainy-gradients.vercel.app/noise.svg');
    filter: contrast(150%) brightness(100%);
}

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

/* Efecto magnético sutil */
.btn-magnetic {
    transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-magnetic:hover {
    transform: translateY(-5px) scale(1.02);
}

/* Diseño de tarjetas de servicios */
.service-card {
    transition: all 0.5s ease;
}

.service-card:hover {
    transform: translateY(-10px);
}

/* Animación sutil de los bordes neón */
@keyframes pulse-glow {
    0% { border-color: rgba(242, 59, 5, 0.1); }
    50% { border-color: rgba(242, 59, 5, 0.4); }
    100% { border-color: rgba(242, 59, 5, 0.1); }
}

#servicios .service-card:nth-child(2) {
    animation: pulse-glow 3s infinite;
}

/* Scrollbar personalizada */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: #080A0A; }
::-webkit-scrollbar-thumb { background: #2a2a2a; border-radius: 10px; }
::-webkit-scrollbar-thumb:hover { background: #F23B05; }