/* ==========================================================================
   miAplicación - Estilos principales
   ========================================================================== */

/* Fuente base */
* {
    font-family: 'Poppins', sans-serif;
}

/* Body */
html {
    scroll-behavior: smooth;
}

body {
    overflow-x: clip;
    max-width: 100vw;
}

/* Fondo degradado */
.gradient-bg {
    background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 50%, #1a1a1a 100%);
}

/* Efecto hover en tarjetas */
.card-hover {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.card-hover:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 40px rgba(140, 198, 63, 0.15);
}

/* ==========================================================================
   Animaciones de Scroll
   ========================================================================== */

.scroll-hidden {
    opacity: 0;
    transition: all 0.8s ease-out;
}

.scroll-from-right {
    transform: translateY(40px);
}

.scroll-from-left {
    transform: translateY(40px);
}

.scroll-visible {
    opacity: 1;
    transform: translateY(0);
}