body { font-family: 'Inter', sans-serif; }

        .hero-asesores {

            background: linear-gradient(135deg, #002d62 0%, #003f8a 50%, #1a5fa8 100%);

            position: relative;

            overflow: hidden;

        }

        .hero-asesores::before {

            content: '';

            position: absolute;

            top: -50%;

            right: -20%;

            width: 600px;

            height: 600px;

            background: radial-gradient(circle, rgba(220,38,38,0.15) 0%, transparent 70%);

            border-radius: 50%;

        }

        .hero-asesores::after {

            content: '';

            position: absolute;

            bottom: -30%;

            left: -10%;

            width: 400px;

            height: 400px;

            background: radial-gradient(circle, rgba(255,255,255,0.05) 0%, transparent 70%);

            border-radius: 50%;

        }

        /* Badges de nivel */

        .badge-basico {

            background: linear-gradient(135deg, #10b981, #059669);

            color: white;

            box-shadow: 0 6px 16px rgba(16,185,129,.18);

        }

        .badge-profesional {

            background: linear-gradient(135deg, #3b82f6, #1d4ed8);

            color: white;

            box-shadow: 0 6px 16px rgba(59,130,246,.18);

        }

        .badge-elite {

            background: linear-gradient(135deg, #f59e0b, #d97706);

            color: white;

            box-shadow: 0 6px 16px rgba(245,158,11,.18);

        }

        @keyframes pulse-green {

            0%, 100% { box-shadow: 0 0 0 0 rgba(16,185,129,0.4); }

            50% { box-shadow: 0 0 0 6px rgba(16,185,129,0); }

        }

        @keyframes pulse-blue {

            0%, 100% { box-shadow: 0 0 0 0 rgba(59,130,246,0.4); }

            50% { box-shadow: 0 0 0 6px rgba(59,130,246,0); }

        }

        @keyframes pulse-gold {

            0%, 100% { box-shadow: 0 0 0 0 rgba(245,158,11,0.4); }

            50% { box-shadow: 0 0 0 6px rgba(245,158,11,0); }

        }

        /* Card hover */

        .asesor-card {

            transition: transform 220ms cubic-bezier(.23, 1, .32, 1), box-shadow 220ms ease, border-color 180ms ease;

            border: 1px solid #f0f0f0;

        }

        .asesor-card:hover {

            transform: translateY(-6px);

            box-shadow: 0 20px 40px rgba(0,0,0,0.1);

            border-color: #93c5fd;

        }

        /* Estrellas */

        .star-filled { color: #f59e0b; }

        .star-empty { color: #e5e7eb; }

        /* Filtros */

        .filter-btn {

            transition: transform 160ms cubic-bezier(.23, 1, .32, 1), color 180ms ease, background-color 180ms ease, border-color 180ms ease;

            white-space: nowrap;

        }

        .filter-btn.active {

            background: #002d62;

            color: white;

            border-color: #002d62;

        }

        /* Scroll sin scrollbar */

        .hide-scrollbar::-webkit-scrollbar { display: none; }

        .hide-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }

        /* Avatar fallback */

        .avatar-fallback {

            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);

        }

        /* Shimmer loader */

        .shimmer {

            background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);

            background-size: 200% 100%;

            animation: shimmer 1.5s infinite;

        }

        @keyframes shimmer {

            0% { background-position: 200% 0; }

            100% { background-position: -200% 0; }

        }