/* --- AJUSTES DA LOGO (Mantidos da versão original do usuário) --- */
header img {
    height: 140px !important; 
    max-height: none !important;
    width: auto !important;
    object-fit: contain !important;
    transition: all 0.3s ease;
}

header .container > div:first-child {
    overflow: visible !important;
}

@media (max-width: 768px) {
    /*
       Ajuste solicitado para MOBILE: aumentar visualmente a logo e trazê-la
       um pouco mais para a esquerda SEM aumentar a altura do cabeçalho.
       A altura estrutural continua em 90px; o ganho de tamanho é feito com
       transform, que não aumenta o espaço ocupado pelo header no layout.
    */
    header .container > div:first-child {
        justify-content: flex-start !important;
    }

    header img {
        height: 90px !important;
        transform: translateX(-20px) scale(1.35) !important;
        transform-origin: left center !important;
    }
}

/* --- UNIFORMIZAÇÃO DAS CAIXINHAS DO CURSO --- */

/* 
   A cor escura de fundo identificada na seção "Para quem é este curso?" 
   é um marrom escuro/preto suave, provavelmente #1a0f00 ou similar.
*/

/* 1. Aplicar fundo escuro em TODAS as caixinhas da seção de curso */
#curso .grid > div,
#curso div:has(> h3:contains("Para quem é este curso?")),
#curso h3:contains("Para quem é este curso?") + div,
#curso ul:has(li:contains("✓")) {
    background-color: #1a0f00 !important; /* Fundo escuro uniforme */
    color: #ffffff !important; /* Texto claro uniforme */
    padding: 1.5rem !important;
    border-radius: 1rem !important;
    border: 1px solid rgba(255, 149, 0, 0.2) !important; /* Borda sutil laranja */
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.3) !important;
}

/* 2. Forçar cor CLARA (Branco/Laranja) em TODOS os textos dentro dessas caixinhas */
#curso .grid > div h3,
#curso .grid > div h4,
#curso .grid > div p,
#curso .grid > div span,
#curso .grid > div div,
#curso h3:contains("Para quem é este curso?"),
#curso ul li,
#curso ul li span {
    color: #ffffff !important;
}

/* 3. Títulos das caixinhas em Laranja para destaque (On-Grid, Off-Grid, etc) */
#curso .grid > div h3,
#curso .grid > div h4 {
    color: #ff9500 !important;
}

/* 4. Ícones e Checkmarks em Laranja */
#curso ul li::before,
#curso .grid > div span[role="img"],
#curso .grid > div i {
    color: #ff9500 !important;
}

/* 5. Remover qualquer fundo branco residual que possa estar sendo aplicado por classes do Tailwind */
#curso .bg-white, 
#curso [class*="bg-slate-"] {
    background-color: transparent !important;
}

/* Garantir que o texto das descrições que estavam "invisíveis" agora apareçam em branco */
#curso .grid > div p {
    color: rgba(255, 255, 255, 0.9) !important;
}