@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap');
        
        html {
            scroll-behavior: smooth;
        }

        .btn-primary {
            transition: all 0.3s ease;
            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
        }
        .btn-primary:hover {
            transform: translateY(-2px);
            box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 4px, 6px, 0.1);
        }

        .hero-bg {
            background-image: linear-gradient(to right, rgba(26, 50, 99, 0.85), rgba(168, 224, 99, 0.7)), url('https://images.unsplash.com/photo-1584467735871-8db9ac8d0918?ixlib=rb-4.0.3&auto=format&fit=crop&w=1600&q=80');
            background-size: cover;
            background-position: center;
        }

        .svg-icon {
            stroke-width: 2;
            stroke-linecap: round;
            stroke-linejoin: round;
            fill: none;
        }
        .logo-as {
            height: 40px; 
            width: auto;
            margin-right: 8px; 
        }

        /* Estilo para simular el componente activo en la navegación */
        .nav-link.active {
            color: #1a3263 !important;
            font-weight: 700;
            border-bottom: 3px solid #a8e063;
        }

        .footer-link {
            transition: color 0.3s ease;
        }
        .footer-link:hover {
            color: #a8e063;
        }
        
        /* Animaciones mejoradas */
        .fade-in {
            animation: fadeIn 0.8s ease-in-out;
        }
        
        @keyframes fadeIn {
            from { opacity: 0; transform: translateY(20px); }
            to { opacity: 1; transform: translateY(0); }
        }
        
        .pulse-glow {
            animation: pulseGlow 2s infinite;
        }
        
        @keyframes pulseGlow {
            0% { box-shadow: 0 0 0 0 rgba(168, 224, 99, 0.4); }
            70% { box-shadow: 0 0 0 10px rgba(168, 224, 99, 0); }
            100% { box-shadow: 0 0 0 0 rgba(168, 224, 99, 0); }
        }
        
        /* Mejoras de accesibilidad */
        .focus-visible:focus {
            outline: 2px solid #a8e063;
            outline-offset: 2px;
        }


/* ANIMACIÓN DE ESTRELLA */
.icon-star {
    stroke-dasharray: 360;
    stroke-dashoffset: 360;
    transition: stroke-dashoffset 1.2s ease;
}

/* Al pasar el mouse se dibuja la estrella */
.icon-wrapper:hover .icon-star {
    stroke-dashoffset: 0;
}

/* Animación de aumentar tamaño */
.icon-wrapper:hover .star-svg {
    transform: scale(1.15);
    transition: transform 0.3s ease;
}

.icon-center {
    transition: transform 0.3s ease;
}

.icon-wrapper:hover .icon-center {
    transform: scale(1.25);
}