/**
 * FIX: Corrige corte de letras (especialmente "G", "g", "p", "q", "y", "j")
 * em textos com gradiente usando background-clip: text
 * 
 * Problema: -webkit-text-fill-color: transparent + background-clip: text
 * corta partes das letras que têm "overhangs" (descendentes e ascendentes)
 * 
 * Solução: Adicionar padding, display inline-block e line-height adequado
 */

/* Títulos com gradiente - correção global */
[style*="-webkit-background-clip: text"],
[style*="background-clip: text"] {
/*    display: inline-block !important;*/
    padding: 0.1em 0 !important;
/*    line-height: 1.2 !important;*/
}

/* Classes específicas que usam gradiente */
.header-opremio__top-h1,
.categorias-main-title,
.inscricao-titulo,
.hero-titulo {
/*    display: inline-block !important;*/
    padding: 0.1em 0 !important;
/*    line-height: 1.2 !important;*/
}

/* Garantir que elementos com gradiente tenham espaço suficiente */
.header-opremio__top-h1[style*="background-clip: text"] {
/*    display: inline-block !important;*/
    padding: 0.15em 0 !important;
/*    line-height: 1.3 !important;*/
}

/* Mobile - ajustes responsivos */
@media screen and (max-width: 768px) {
    [style*="-webkit-background-clip: text"],
    [style*="background-clip: text"] {
        padding: 0.15em 0 !important;
        line-height: 1.3 !important;
    }
}