html{
    scroll-behavior: smooth;
}
:target {
    scroll-margin-top: 80px;
}

body {
    font-family: 'Inter', sans-serif;
    min-height: 100vh;
    background-color: #000000; 
}

/* Cores da paleta UniCBE para acesso fácil no JS e como fallback */
:root {
    --unicbe-primary: #000000; /* Preto forte como primário */
    --unicbe-accent: #f37021; /* Laranja forte de Black Friday */
    --unicbe-light-gray: #1a1a1a; /* Cinza escuro para contraste leve em caixas */
    --unicbe-dark-gray: #dddddd; /* Quase branco, para texto principal em fundo escuro */
    --unicbe-medium-gray: #aaaaaa; /* Cinza médio, para textos secundários */
}

/* Ajuste para cabeçalho e footer para ficarem mais escuros */
.bg-unicbe-primary {
    background-color: var(--unicbe-primary);
}

.text-unicbe-accent {
    color: var(--unicbe-accent);
}

/* ------------------------------------------- */
/* --- BACKGROUND E TÍTULO PRINCIPAL (DEPTH) --- */
/* ------------------------------------------- */

/* Gradiente na seção principal para criar profundidade de Black Friday */
main {
    background-image: linear-gradient(to bottom, #000000, #111111);
}


/* Título Principal - Aplicando Caixa Alta, Sombra (Profundidade) e Cor de Destaque */
main .text-4xl.sm\:text-6xl.font-black {
    /* Cor de Destaque */
    color: white !important; 
    text-transform: uppercase;
    /* Sombra para profundidade (similar ao estilo dos grandes e-commerces na BF) */
    text-shadow: 
        0 0 5px rgba(255, 255, 255, 0.4), /* Brilho sutil */
        0 0 10px rgba(243, 112, 33, 0.8), /* Brilho Accent */
        2px 2px 4px rgba(0, 0, 0, 0.5); /* Sombra de profundidade */
}

/* Garante que o span (a parte laranja) mantenha a cor accent */
main .text-unicbe-accent {
    color: var(--unicbe-accent) !important;
    text-shadow: 
        0 0 10px rgba(243, 112, 33, 0.8),
        0 0 15px rgba(243, 112, 33, 0.4);
}

/* Sombra de destaque para o bloco de contagem regressiva */
.shadow-accent-glow {
    box-shadow: 0 0 15px rgba(243, 112, 33, 0.5);
}

/* Ajustes na área de Benefícios para manter o contraste */
.bg-unicbe-light-gray {
    background-color: #1a1a1a; /* Fundo Cinza Escuro para a seção de benefícios */
}
.text-unicbe-primary {
    color: #ffffff; /* Texto branco no fundo escuro */
}
.text-unicbe-medium-gray {
    color: #aaaaaa;
}

/* ------------------------------------------- */
/* --- AJUSTES REMANESCENTES --- */
/* ------------------------------------------- */

/* CSS para o container do vídeo, garantindo 16:9 de proporção */
.video-container-responsive {
    position: relative;
    padding-top: 56.25%; /* 16:9 Aspect Ratio */
}
.video-container-responsive iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#iconeCurso{
    display: inline;
    width: 55px;
    height: 55px;
    vertical-align: text-bottom;
}