<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@import url('https://fonts.googleapis.com/css?family=Shanti'); /* Carregar fonte dos titulos */
@import url('https://fonts.googleapis.com/css?family=Quattrocento'); /* Carregar fonte dos textos */

body {
    font-family: 'Quattrocento', sans-serif; /* Setar fonte dos textos */
    color: #444444; /* Setar cores dos textos */
    background-color: #FFF; /* Setar cor 5 */
}
h1, h2, h3, h4, h5, h6, .navbar .nav&gt;li&gt;a, .dropdown-menu&gt;li&gt;a, #admin #toolbar .btn {
    font-family: 'Shanti', sans-serif; /* Setar fonte dos titulos */
}
h1, h2, h3, h4, h5, h6 {
    color: #29313d; /* Setar cores dos titulos */
}
a, .btn-link {
    color: #2167C8; /* Setar cores dos links */

}
a:hover, a:focus {
    color: #0018F2; /* Setar cores dos links com foco*/
}
#top-menu, footer, #course-banner {
    background-color: #303A48; /* Setar cor 1 */
}
#menu-main.navbar {
    background-color: #29313d; /* Setar cor 2 */
}
#footer-top, #top-internal, #menu-main .nav&gt;li.active&gt;a, #landing-page #instructor-course {
    background-color: #ade9ff; /* Setar cor 3 */
}
.nav&gt;li&gt;a:hover, .nav&gt;li&gt;a:focus, .panel-default .panel-heading, .panel-default .panel-title, .panel-default .panel-footer, #list-courses .course-unit .course-text, .borda-instrutor, #cart ul li, .nav-tabs&gt;li&gt;a, .pagination&gt;.active&gt;a, .pagination&gt;.active&gt;span, .pagination&gt;.active&gt;a:hover, .pagination&gt;.active&gt;span:hover, .pagination&gt;.active&gt;a:focus, .pagination&gt;.active&gt;span:focus {
    background-color: #f2f2f2; /* Setar cor 4 */
}
#landing-page .lessons-course {
    border-color: #f2f2f2; /* Setar cor 4 */
}
.nav-pills li.active&gt;a, .nav-pills li&gt;a:hover, .nav-tabs.nav-justified&gt;li&gt;a, .panel-default&gt;.panel-heading+.panel-collapse&gt;.panel-body, .profile-usermenu .nav&gt;li&gt;a, .profile-usermenu, .information-post, .pagination&gt;li&gt;a, .pagination&gt;li&gt;span, .blog-post, .panel-default&gt;.panel-heading, hr, #landing-page #grid-course, .panel-default, .nav-tabs.nav-justified&gt;.active&gt;a, .nav-tabs.nav-justified&gt;.active&gt;a:hover, .nav-tabs.nav-justified&gt;.active&gt;a:focus, #landing-page #description-course #informations h5, .form-control, .pagination&gt;.active&gt;a, .pagination&gt;.active&gt;span, .pagination&gt;.active&gt;a:hover, .pagination&gt;.active&gt;span:hover, .pagination&gt;.active&gt;a:focus, .pagination&gt;.active&gt;span:focus, .pagination&gt;.disabled&gt;span, .pagination&gt;.disabled&gt;span:hover, .pagination&gt;.disabled&gt;span:focus, .pagination&gt;.disabled&gt;a, .pagination&gt;.disabled&gt;a:hover, .pagination&gt;.disabled&gt;a:focus {
    border-color: #DFE3EA; /* Setar cor das Bordas */
}
.btn-default, .btn-default:hover {
    background-color: #2167C8; /* Setar cor do botÃ£o PadrÃ£o */
}
.btn-info, .btn-info:hover {
    background-color: #2167C8; /* Setar cor do botÃ£o de informaÃ§Ã£o */
}
.btn-success, .btn-success:hover, #landing-page #registration-course  {
    background-color: #00d6cb; /* Setar cor do botÃ£o de sucesso */
}
.btn-danger, .btn-danger:hover, #list-courses .course-unit .language-course-title {
    background-color: #2167C8; /* Setar cor do botÃ£o de atenÃ§Ã£o */
}

/* aqui entra o css especifico no cliente */
#menu-main.navbar {
   /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#00becc+0,00d2e5+100 */
background: linear-gradient(to bottom,  #00becc 0%,#00d2e5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

}

    #slider h2, #slider p {
        /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&amp;0.7+0,0.7+100 */
background: linear-gradient(to bottom,  rgba(0,0,0,0.7) 0%,rgba(0,0,0,0.7) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
display: inline-block;
    padding: 12px 24px;
    text-align: right;
    margin-right: 30%;
    float: right;
    border-radius: 6px;
margin-bottom: 10px;
    }
#slider .carousel-caption .btn {
    text-shadow: none;
    float: right;
    margin-right: 30%;
   padding: 12px 24px;
}
.carousel-caption { 
padding-top: 0px; 
padding-bottom: 40px; 
}

.height-img {
    height: auto !important;
}
#blog-show #collum-center #body dd, #blog-show #collum-center #body ul, #blog-show #collum-center #body ol {
    margin-bottom: 50px;
}
#description-course .text-left p, #description-course .text-left ul {
    margin-bottom: 30px;
}
/* Garante o tÃ­tulo centralizado */
#grid-course .container h3 {
    column-span: all; /* Expande o tÃ­tulo por todas as colunas */
}

/* Divide todo o conteÃºdo do container em duas colunas */
#grid-course .container {
    column-count: 2;
    column-gap: 40px;
}

/* Evita que os elementos se quebrem entre as colunas */
#grid-course .container p,
#grid-course .container ul {
    break-inside: avoid;
}
#grid-course .container ul {
    margin-bottom: 30px;
}
#course-banner .container h1,
#course-banner .container h2 {
    max-width: 800px;        /* Largura mÃ¡xima ideal para melhor leitura */
    margin-left: auto;       /* Centraliza horizontalmente */
    margin-right: auto;
}

#course-banner .container h1 {
    margin-bottom: 20px;     /* EspaÃ§amento visual entre tÃ­tulo e subtÃ­tulo */
    line-height: 1.2;        /* Melhor espaÃ§amento entre linhas */
}

#course-banner .container h2 {
    line-height: 1.4;        /* Melhor espaÃ§amento entre linhas para subtÃ­tulo */
}
#menu-landing.nav-pills&gt;li&gt;a {
    font-family: 'Shanti', sans-serif;
}
.panel-title&gt;a, .nav-pills a, .breadcrumb a, .breadcrumb&gt;.active {
    font-family: 'Shanti', sans-serif;
    color: #143044;
}
#description-course li::before, #grid-course li::before {
    content: "âœ“";
    position: absolute;
    left: 0px;
    font-weight: bold;
}
#description-course li, #grid-course li {
    padding: 10px 0;
    padding-left: 30px;
    position: relative;
    list-style: none;
}
.descricao-div, .desafio-div, .solucao-div, #description-course blockquote {
    margin-bottom: 100px;
} 
#description-course blockquote {
    font-size: 36px;
    border-left: 5px solid #303A48;
}
#description-course .text-left blockquote p {
    margin-bottom: 0px;
}
#description-course .well {
    background-color: #f2f2f2;
}
#description-course .panel {
    padding: 20px;
}
#description-course .panel.panel-success {
    border-color: #00d6cb;
}
#description-course .panel.panel-success .panel-heading{
    background-color: #00d6cb;
}
#description-course .panel-heading {
    margin: 20px 40px;
    border-radius: 6px;
}
#description-course .panel-heading h4 {
    margin: 20px 20px;
    color: #fff;
    text-transform: none;
}
</pre></body></html>