@charset "UTF-8";

body {
    /* Define o gradiente 
	background: linear-gradient(90deg, 
	#1e6aad, 
                                        #2e488e 40%,
										#2e488e 60%, 
                                        #1e6aad); 
	height: 100vh; 
	margin: 0;
	
	background: -webkit-gradient(linear, left top, right top, 
	color-stop(0%, #1e6aad), 
	color-stop(50%, #2e488e), 
	color-stop(100%, #1e6aad));
*/
    /* Assegura que o fundo preencha a página inteira */
    /*
height: 100vh; 
margin: 0;	
*/
}

.fontcolor.branco a {
    color: #fff;

}
.fontebranca ul li a {
    color: #fff;

}

.fontebranca ul li a i {
    color: #fff;

}

.fontebranca ul ul li ul li a {
    color: #fff;

}

.fontebranca ul ul li ul li a i {
    color: #fff;

}

.fontcolor.branco {
    color: #fff;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);

}

.fontcolor.azulescuro {
    color: #2e488e;

}

.error-border {
    border-color: red;
    border: 1px solid red;
    ;
}

.task-tags span {
    margin: 3px;

}

.divcontatos {
    border: 1px #00AFEF;
    border-radius: 20px;
    background: rgba(0, 0, 0, 0.15);
    /* Cor de fundo com 50% de transparência */
    padding: 15px;


}

.fullscreem {
    background: #fff;
    padding: 40px;
    padding-top: 0;
    text-align: left;
    max-width: 70%;
    margin: 40px auto;

}

.banner {
    padding-top: 80px;
    padding-bottom: 80px;
}

.banner.apresentacao {
    background: #2e488e;
    color: white;
    font-weight: 700;

}

.banner.tarefas {
    background: white;
    color: black;

}

.banner .banner-headline strong {
    font-weight: 700;
    color: white;
}

.banner-headline-tarefas {
    font-size: 25px;
    color: black;
    max-width: 100%;

}

.banner-headline-cursos {
    padding-top: 40px;
    font-weight: 700;
    font-size: 30px;
    color: white;
    max-width: 100%;

}

/* CSS para garantir que as setas permaneçam visíveis em dispositivos móveis */
@media (max-width: 768px) {

    /* Ajuste o 768px conforme necessário para o seu ponto de quebra específico */
    .slick-prev,
    .slick-next {
        display: block !important;
        /* Força a exibição das setas */
        opacity: 1 !important;
        /* Garante que as setas sejam totalmente opacas e visíveis */
        z-index: 25;
        /* Certifica-se de que as setas estejam acima de outros elementos */
    }

    .banner-headline-tarefas {
        font-size: 12px;


    }
    .banner-headline-cursos {
        text-align: center;
        font-size: 20px;
       

    }
}