/* Fondo base oscuro por si tardan en cargar las imágenes */
body {
    background-color: #0b0f19;
    color: #cbd5e1;
}

/* Glassmorphism para las tarjetas */
.glass-card {
    background: rgba(17, 22, 34, 0.8);
    backdrop-filter: blur(12px);
    border: 1px solid rgba(52, 211, 153, 0.1);
    transition: transform 0.3s ease, border-color 0.3s ease;
}

.glass-card:hover {
    transform: translateY(-5px);
    border-color: rgba(52, 211, 153, 0.4);
}

.pro-card:hover {
    border-color: rgba(6, 182, 212, 0.6);
}