body {
    font-family: 'Outfit', sans-serif;
    background-color: #111827; /* gray-900 */
    color: #f3f4f6; /* gray-100 */
}

/* Efecto de gradiente para el botón y elementos destacados */
.premium-gradient {
    background: linear-gradient(to right, #f59e0b, #fbbf24);
}

/* Estilo para las tarjetas de servicio con efecto de borde brillante */
.service-card {
    background-color: #1f2937; /* gray-800 */
    border: 1px solid #374151; /* gray-700 */
    position: relative;
    overflow: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.service-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0,0,0,0.2);
}
.service-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(circle at 50% -50%, rgba(245, 158, 11, 0.3), transparent 70%);
    opacity: 0;
    transition: opacity 0.4s ease;
}
.service-card:hover::before {
    opacity: 1;
}

/* Animación de entrada */
@keyframes fadeInUp {
    from { opacity: 0; transform: translateY(30px); }
    to { opacity: 1; transform: translateY(0); }
}
.fade-in-up {
    animation: fadeInUp 0.8s ease-out forwards;
    opacity: 0; /* Empieza invisible */
}