/* 🔥 TRENDING HERO - Style inspiré de Reviews/Videos */

.trending-hero {
    text-align: center;
    padding: 60px 20px 40px;
    position: relative;
    margin-bottom: 20px;
}

.trending-title {
    font-family: 'Orbitron', sans-serif;
    font-size: clamp(2.5rem, 8vw, 4.5rem) !important;
    font-weight: 900;
    background: linear-gradient(135deg, #FE94D3 0%, #FF69B4 20%, #8C1ED6 40%, #4eaaff 60%, #FF00FF 80%, #FE94D3 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-transform: uppercase;
    letter-spacing: 4px;
    margin-bottom: 20px;
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 25px;
    animation: titlePulse 3s ease-in-out infinite;
    text-shadow: 0 0 80px rgba(254, 148, 211, 0.6);
}

@keyframes titlePulse {
    0%, 100% { 
        transform: scale(1);
        filter: brightness(1) drop-shadow(0 0 30px rgba(254, 148, 211, 0.5));
    }
    50% { 
        transform: scale(1.02);
        filter: brightness(1.2) drop-shadow(0 0 50px rgba(254, 148, 211, 0.8));
    }
}

.trending-icon-left,
.trending-icon-right {
    font-size: 3rem;
    color: #FF1493;
    animation: fireFlicker 1.5s ease-in-out infinite;
    filter: drop-shadow(0 0 25px rgba(255, 20, 147, 0.9));
    text-shadow: 0 0 40px rgba(254, 148, 211, 0.6);
}

.trending-icon-right {
    animation: fireFlicker 1.5s ease-in-out infinite 0.75s;
}

@keyframes fireFlicker {
    0%, 100% {
        transform: scale(1) rotate(0deg);
        opacity: 1;
        color: #FF1493;
        filter: drop-shadow(0 0 25px rgba(255, 20, 147, 0.9)) brightness(1);
    }
    25% {
        transform: scale(1.1) rotate(5deg);
        opacity: 0.95;
        color: #FF69B4;
        filter: drop-shadow(0 0 35px rgba(255, 105, 180, 1)) brightness(1.3);
    }
    50% {
        transform: scale(1.15) rotate(-3deg);
        opacity: 1;
        color: #8C1ED6;
        filter: drop-shadow(0 0 40px rgba(140, 30, 214, 1)) brightness(1.6);
    }
    75% {
        transform: scale(1.05) rotate(3deg);
        opacity: 0.95;
        color: #FF00FF;
        filter: drop-shadow(0 0 30px rgba(255, 0, 255, 0.9)) brightness(1.2);
    }
}

.trending-subtitle {
    font-size: 1.2rem;
    color: rgba(255, 255, 255, 0.95);
    font-weight: 600;
    letter-spacing: 1px;
    margin-top: 15px;
    animation: subtitleFade 2s ease-in-out infinite;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);
}

@keyframes subtitleFade {
    0%, 100% { 
        opacity: 0.85;
        text-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);
    }
    50% { 
        opacity: 1;
        text-shadow: 0 2px 15px rgba(0, 0, 0, 0.7), 0 0 20px rgba(254, 148, 211, 0.3);
    }
}

/* Responsive */
@media (max-width: 768px) {
    .trending-hero {
        padding: 40px 15px 30px;
    }
    
    .trending-title {
        font-size: 2.5rem !important;
        gap: 15px;
        flex-wrap: wrap;
        justify-content: center;
    }
    
    .trending-icon-left,
    .trending-icon-right {
        font-size: 2rem;
    }
    
    .trending-subtitle {
        font-size: 1rem;
    }
}