/* ================================================
   HERO HIGHLIGHT - GRADIENT FIX
   Degradê laranja intensificado para "Mercado Solar"
   ================================================ */

/* ===== DESKTOP E TABLET ===== */
.hero .highlight,
.hero-title .highlight {
    /* Degradê laranja mais visível e suave */
    background: linear-gradient(135deg, #FF6B00 0%, #FF8533 50%, #FFB800 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
    
    /* Garantir que o texto seja visível */
    display: inline !important;
    font-weight: 800 !important;
    position: relative !important;
}

/* Fallback para navegadores que não suportam background-clip */
@supports not (background-clip: text) {
    .hero .highlight,
    .hero-title .highlight {
        color: #FF6B00 !important;
        background: none !important;
    }
}

/* ===== MOBILE - GARANTIR VISIBILIDADE ===== */
@media (max-width: 768px) {
    .hero .highlight,
    .hero-title .highlight {
        /* Degradê mais intenso no mobile */
        background: linear-gradient(135deg, #FF6B00 0%, #FF7A1A 40%, #FF8533 70%, #FFB800 100%) !important;
        -webkit-background-clip: text !important;
        -webkit-text-fill-color: transparent !important;
        background-clip: text !important;
        
        /* Garantir legibilidade */
        font-weight: 800 !important;
        letter-spacing: -0.5px !important;
    }
}

@media (max-width: 480px) {
    .hero .highlight,
    .hero-title .highlight {
        /* Degradê ainda mais vibrante em telas pequenas */
        background: linear-gradient(135deg, #FF6B00 0%, #FF8533 50%, #FFA500 100%) !important;
        -webkit-background-clip: text !important;
        -webkit-text-fill-color: transparent !important;
        background-clip: text !important;
    }
}

/* ===== GARANTIR CONTRASTE ===== */
.hero-title {
    /* Garantir que o título inteiro seja bem visível */
    color: #FFFFFF !important;
}

@keyframes glow {
  from {
    filter: drop-shadow(0 0 4px rgba(255, 133, 1, 0.4));
  }
  to {
    filter: drop-shadow(0 0 8px rgba(255, 133, 1, 0.7));
  }
}

.highlight,
.section-tag,
.highlight-number,
.value {
  animation: glow 1s ease-in-out infinite alternate !important;
}

/* ===== ANIMAÇÃO SUTIL (OPCIONAL) ===== */
@media (prefers-reduced-motion: no-preference) {
    .hero .highlight,
    .hero-title .highlight {
        background-size: 200% 100% !important;
        animation: glow 1s ease-in-out infinite alternate !important;
    }
    
    @keyframes gradientShift {
        0%, 100% {
            background-position: 0% 50%;
        }
        50% {
            background-position: 100% 50%;
        }
    }
}

/* Desabilitar animação se usuário preferir */
@media (prefers-reduced-motion: reduce) {
    .hero .highlight,
    .hero-title .highlight {
        animation: none !important;
    }
}