@import url('https://fonts.googleapis.com/css?family=Playfair+Display'); /* Carregar fonte dos titulos */
@import url('https://fonts.googleapis.com/css?family=Figtree'); /* Carregar fonte dos textos */

body {
    font-family: 'Figtree', sans-serif; /* Setar fonte dos textos */
    color: #2B2422; /* Setar cores dos textos */
    background-color: #FBF7F2; /* Setar cor 1 */
}
footer, .pagination>.active>a, .pagination>.active>span, 
.pagination>.active>a:hover, .pagination>.active>span:hover, 
.pagination>.active>a:focus, .pagination>.active>span:focus, .pagination>.disabled>span, 
.pagination>.disabled>span:hover, .pagination>.disabled>span:focus, .pagination>.disabled>a, 
.pagination>.disabled>a:hover, .pagination>.disabled>a:focus, .pagination>li>a, .pagination>li>span, h4.panel-title a {
    color: #2B2422;    
}
.navbar .nav>li>a, .dropdown-menu>li>a, #admin #toolbar .btn {
    font-family: 'Figtree', sans-serif; /* Setar fonte dos textos */    
}
h1, h2, h3, h4, h5, h6 {
    font-family: 'Playfair Display', sans-serif; /* Setar fonte dos titulos */
}
h1, h2, h3, h4, h5, h6 {
    color: #A21812; /* Setar cores dos titulos */
}
#top-internal h1, #registration-course h3 {
 color: #FBF7F2;   
}
a, a:link, a:hover, a:visited, a:active, .btn-link, .btn-link:hover {
    color: #A21812; /* Setar cores dos links */

}
a:hover, a:focus {
    color: #6B100C; /* Setar cores dos links com foco*/
}
hr, .pagination>.disabled>span, .pagination>.disabled>span:hover, .pagination>.disabled>span:focus, 
.pagination>.disabled>a, .pagination>.disabled>a:hover, .pagination>.disabled>a:focus, .pagination>li>a, 
.pagination>li>span, .pagination>.active>a, .pagination>.active>span, 
.pagination>.active>a:hover, .pagination>.active>span:hover, 
.pagination>.active>a:focus, .pagination>.active>span:focus, .pagination>li>a:hover, 
.pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus, .panel-default>.panel-heading+.panel-collapse>.panel-body,
#instructor-course .biography-text, .nav-tabs.nav-justified>.active>a, .nav-tabs.nav-justified>.active>a:hover, .nav-tabs.nav-justified>.active>a:focus,
.nav-tabs.nav-justified>li>a, #cart ul li, #checkout-cart ul li, .nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, 
.nav-tabs>li.active>a:focus, .nav-tabs, .nav-tabs>li>a {
    border-color: #E4D9CE;    
}
#landingpage-subscription #registration-course h4, #landingpage-subscription #registration-course h2, .popover-title, .popover-content {
    color: #2B2422;   
}
#landingpage-subscription .carousel .carousel-control, .cr-black {
    background-color: #2B2422;
}
#course-banner {
    background-color: #6B100C;
}
.nav-tabs.nav-justified>.active>a, .nav-tabs.nav-justified>.active>a:hover, .nav-tabs.nav-justified>.active>a:focus {
    border-bottom: none;
}
.form-control, .navbar-form input, .navbar-form .form-control, .course-text, .borda-instrutor, .panel-default, .blog-post, 
#similar-post .col-sm-4 .post-similar-iten, .author-post, .categories-menu {
    border: 1px solid #E4D9CE;
}
#top-menu.addColor {
    background-color: #FBF7F2; /* Setar cor 2 */
}
#top-internal, #landing-page #registration-course, .categories-menu .nav>li>a:hover, .categories-menu .nav>li>a:focus {
    background-color: #6B100C; /* Setar cor 3 */
}
.btn-default, .btn-default:hover, .post-similar-iten .btn-info {
    background-color: #2B2422; /* Setar cor do botão Padrão */
}
.btn-info, .btn-info:hover, #slider .carousel-caption .btn-info, #slider .carousel-caption .btn-info:hover, 
.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus {
    background-color: #A21812; /* Setar cor do botão de informação */
}
.btn-success, .btn-success:hover, .pagination>.active>a, .pagination>.active>span, 
.pagination>.active>a:hover, .pagination>.active>span:hover, 
.pagination>.active>a:focus, .pagination>.active>span:focus, .alert-success  {
    background-color: #A21812; /* Setar cor do botão de sucesso */
}
.btn-danger, .btn-danger:hover, #list-courses .course-unit .language-course-title, .alert-danger, .alert-info {
    background-color: #B3261E; /* Setar cor do botão de atenção */
}
.well {
    background-color: rgba(255, 255, 255, 0.2);
}

/* aqui entra o css especifico no cliente */
/* Conexão Paliativa · tema Movie White · "técnica e compaixão" (proposta 14/10/2026) */
:root {
  --pv-papel: #FBF7F2; --pv-papel2: #F3ECE3; --pv-areia: #E4D9CE; --pv-tinta: #2B2422; --pv-cinza: #6B605A;
  --pv-carmim: #A21812; --pv-vinho: #6B100C; --pv-noite: #3A0806; --pv-vermelho: #DE0612;
  --pv-folha: #8AC048; --pv-folha-esc: #3F6B1F; --pv-sol: #EADE1E;
  --pv-topo: 105px;
  --pv-petalas: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 16'%3E%3Cpath d='M2 8C6 1 12 1 14 8C12 15 6 15 2 8Z' fill='%238AC048'/%3E%3Cpath d='M16 8C20 1 26 1 28 8C26 15 20 15 16 8Z' fill='%23EADE1E'/%3E%3Cpath d='M30 8C34 1 40 1 42 8C40 15 34 15 30 8Z' fill='%23DE0612'/%3E%3C/svg%3E");
}

/* ===== base: desfaz o Movie (letra condensada, contorno, sombras) ===== */
html { font-synthesis: none; }
body { font-family: 'Figtree', sans-serif; font-size: 17px; line-height: 1.6; color: var(--pv-tinta); background-color: var(--pv-papel); }
h1, h2, h3, h4, h5, h6 { font-family: 'Playfair Display', serif; font-weight: 600; letter-spacing: -.005em; -webkit-text-stroke: 0; text-shadow: none; color: var(--pv-carmim); }
.navbar .nav>li>a, .dropdown-menu>li>a, #menu-landing.nav-pills>li>a, .panel-title>a { font-family: 'Figtree', sans-serif; -webkit-text-stroke: 0; }
a, a:link, a:visited, .btn-link { color: var(--pv-carmim); }
a:hover, a:focus { color: var(--pv-vinho); }
hr { border-top-color: var(--pv-areia); }

.btn { font-family: 'Figtree', sans-serif; font-weight: 700; font-size: 15px; letter-spacing: .02em; text-transform: none; border: 0; border-radius: 999px;
  padding: 12px 26px; text-shadow: none; transition: background-color .2s, transform .2s; }
.btn-lg { font-size: 16px; padding: 16px 32px; }
.btn-default:hover, .btn-info:hover, .btn-success:hover, .btn-danger:hover { opacity: 1; filter: none; }
.btn-info, .btn-success, a.btn.btn-info, a.btn.btn-success, #slider .carousel-caption .btn-info { color: #fff !important; }
.btn-info:hover, .btn-success:hover, #slider .carousel-caption .btn-info:hover { background-color: var(--pv-vinho); }
.btn-default:hover { background-color: #000; }
.btn-danger:hover { background-color: #8F1C16; }
.btn:focus-visible, a:focus-visible { outline: 3px solid var(--pv-folha); outline-offset: 2px; }

/* ===== menu fixo: papel claro, fio de pétalas embaixo ===== */
#top-menu.navbar-default, #top-menu.navbar-default.addColor { background-color: var(--pv-papel); border: 0; box-shadow: 0 8px 22px -16px rgba(58,8,6,.45); }
#top-menu::after { content: ""; position: absolute; left: 0; right: 0; bottom: -3px; height: 3px;
  background: linear-gradient(90deg, var(--pv-folha) 0 33.3%, var(--pv-sol) 33.3% 66.6%, var(--pv-vermelho) 66.6%); }
#top-menu .navbar-brand { height: auto; padding: 12px 15px 12px 28px; }
#top-menu .navbar-brand img { width: auto; height: 78px; transition: height .25s; }
#top-menu.addColor .navbar-brand img { width: auto; height: 60px; }
#top-menu .navbar-nav { margin-top: 30px; }
#top-menu.addColor .navbar-nav { margin-top: 20px; }
#top-menu.navbar-default .navbar-nav>li>a { font-size: 16px; font-weight: 600; letter-spacing: .01em; text-transform: none; color: var(--pv-tinta); padding: 12px 16px; }
#top-menu.navbar-default .navbar-nav>li>a:hover, #top-menu.navbar-default .navbar-nav>li>a:focus { color: var(--pv-carmim); background: transparent; }
#top-menu.navbar-default .navbar-nav>.active>a, #top-menu.navbar-default .navbar-nav>.active>a:hover { color: var(--pv-carmim); background: transparent; box-shadow: inset 0 -2px var(--pv-carmim); }
#top-menu > .container-fluid > .navbar-collapse > ul.navbar-right > li:first-child,
#top-menu ul li#environment-access, #top-menu ul li.btn-info { background: transparent !important; }
#top-menu ul.navbar-right > li:first-child > a, #top-menu ul li#environment-access a, #top-menu ul li#register-login a { margin-right: 18px; padding: 11px 22px; color: #fff !important;
  background-color: var(--pv-carmim); border-radius: 999px; box-shadow: none; }
#top-menu ul.navbar-right > li:first-child > a:hover, #top-menu ul li#environment-access a:hover, #top-menu ul li#register-login a:hover { color: #fff !important; background-color: var(--pv-vinho); }
#top-menu #frm_search { margin-top: 30px; }
#top-menu .navbar-toggle { margin-top: 22px; margin-right: 16px; border: 0; border-radius: 10px; background-color: var(--pv-carmim); }
#top-menu .navbar-toggle .icon-bar { background-color: #fff; }
body #side-colors { z-index: 1045; }

/* ===== slide: foto à direita, título em serifa à esquerda ===== */
#slider { margin-top: var(--pv-topo); }
#slider .item { background: var(--pv-noite); }
#slider .item img { width: 100%; height: clamp(420px, 36vw, 560px); object-fit: cover; object-position: 70% center; }
#slider .carousel-caption { top: 50%; bottom: auto; left: max(24px, calc(50% - 570px)); right: auto; width: min(620px, 88%); padding: 0;
  transform: translateY(-50%); text-align: left; text-shadow: none; }
#slider .carousel-caption::before { content: ""; display: block; width: 66px; height: 24px; margin-bottom: 20px; background: var(--pv-petalas) left center / contain no-repeat; }
#slider h2 { margin: 0 0 18px; font-size: 54px; line-height: 1.08; font-weight: 600; color: #FFF8F0; text-shadow: none; }
#slider p { max-width: 500px; margin: 0 0 28px; font-size: 20px; line-height: 1.5; color: rgba(255,248,240,.86); text-shadow: none; }
#slider .btn-lg { padding: 16px 32px; }
#slider .carousel-caption .btn-info { box-shadow: 0 0 0 1px rgba(255,248,240,.35); }
#slider .carousel-control { width: 64px; background: none; opacity: .5; text-shadow: none; }
#slider .carousel-control:hover { opacity: 1; }

/* ===== blocos da home ===== */
section.content_block { padding: 0; overflow-x: clip; }
section.content_block > .container-fluid { padding: 0; }
.content_block .pv-linha { display: flex; flex-wrap: wrap; align-items: center; }
.content_block .pv-linha::before, .content_block .pv-linha::after { display: none; }
.content_block .pv-kicker { display: flex; align-items: center; gap: 12px; margin: 0 0 16px; font-size: 13px; font-weight: 700; letter-spacing: .16em;
  text-transform: uppercase; color: var(--pv-folha-esc); }
.content_block .pv-kicker::before { content: ""; flex: none; width: 44px; height: 16px; background: var(--pv-petalas) left center / contain no-repeat; }
.content_block h2 { margin: 0 0 18px; font-size: 44px; line-height: 1.12; }
.content_block h3 { margin: 0 0 10px; font-size: 25px; line-height: 1.2; }
.content_block .pv-lead { margin: 0 0 18px; font-size: 21px; line-height: 1.55; color: var(--pv-tinta); }
.content_block .pv-ic::before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; }
.content_block .pv-ic-livro::before { content: "\f02d"; }
.content_block .pv-ic-play::before { content: "\f144"; }
.content_block .pv-ic-whats::before { content: "\f232"; }
.content_block .pv-ic-mail::before { content: "\f0e0"; }
.content_block .pv-ic-insta::before { content: "\f16d"; }
.content_block .pv-ic-site::before { content: "\f0ac"; }
.content_block .pv-ic-local::before { content: "\f041"; }
.content_block .pv-seta { font-weight: 700; color: var(--pv-carmim); border-bottom: 2px solid rgba(162,24,18,.3); }
.content_block .pv-seta::after { content: " \2192"; }
.content_block .pv-seta:hover { color: var(--pv-vinho); border-bottom-color: var(--pv-vinho); text-decoration: none; }
.content_block .pv-acoes { display: flex; flex-wrap: wrap; align-items: center; gap: 14px 28px; margin: 0; }

/* abertura: quem é a escola + três fatos */
.content_block .pv-abertura { padding: 84px 0 72px; }
.content_block .pv-abertura h2 { font-size: 46px; margin: 0; }
.content_block .pv-abertura .pv-lead { margin: 0; padding-left: 28px; border-left: 2px solid var(--pv-areia); }
.content_block .pv-fatos { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0; margin: 56px 0 0; padding: 0; list-style: none; border-top: 1px solid var(--pv-areia); }
.content_block .pv-fatos li { display: flex; align-items: baseline; gap: 16px; padding: 26px 24px 0 0; }
.content_block .pv-fatos li + li { padding-left: 24px; border-left: 1px solid var(--pv-areia); }
.content_block .pv-fatos strong { flex: none; font-family: 'Playfair Display', serif; font-size: 46px; font-weight: 600; line-height: 1; color: var(--pv-carmim); }
.content_block .pv-fatos span { font-size: 16px; line-height: 1.45; color: var(--pv-cinza); }

/* minicurso em destaque */
.content_block .pv-minicurso { padding: 84px 0 96px; background: var(--pv-papel2); }
.content_block .pv-capa { position: relative; }
.content_block .pv-capa img { width: 100%; height: auto; border-radius: 0 180px 0 180px; box-shadow: 0 30px 60px -34px rgba(58,8,6,.7); }
.content_block .pv-selo { position: absolute; top: 22px; right: 26px; margin: 0; padding: 10px 20px; font-size: 14px; font-weight: 700; letter-spacing: .12em;
  text-transform: uppercase; color: var(--pv-tinta); background: var(--pv-sol); border-radius: 999px; }
.content_block .pv-minicurso-txt { padding-left: 56px; }
.content_block .pv-minicurso-txt h2 { margin-bottom: 8px; font-size: 48px; }
.content_block .pv-sub { margin: 0 0 18px; font-family: 'Playfair Display', serif; font-style: italic; font-size: 21px; color: var(--pv-vinho); }
.content_block .pv-aulas { margin: 24px 0 32px; padding: 0; list-style: none; }
.content_block .pv-aulas li { display: flex; gap: 14px; align-items: baseline; padding: 13px 0; font-size: 17px; line-height: 1.4; border-top: 1px solid var(--pv-areia); }
.content_block .pv-aulas li:last-child { border-bottom: 1px solid var(--pv-areia); }
.content_block .pv-aulas li::before { flex: none; width: 20px; font-size: 17px; color: var(--pv-carmim); }
.content_block .pv-aulas em { margin-left: auto; padding-left: 12px; font-style: normal; font-size: 14px; font-weight: 600; color: var(--pv-cinza); white-space: nowrap; }

/* citação do curso */
.content_block .pv-citacao { position: relative; padding: 96px 0; text-align: center; background: var(--pv-vinho); }
.content_block .pv-citacao::after { content: ""; position: absolute; left: 50%; bottom: 46px; width: 66px; height: 24px; transform: translateX(-50%);
  background: var(--pv-petalas) center / contain no-repeat; }
.content_block .pv-citacao blockquote { max-width: 900px; margin: 0 auto; padding: 0; border: 0; }
.content_block .pv-citacao blockquote > p:first-child { margin: 0 0 26px; font-family: 'Playfair Display', serif; font-style: italic; font-weight: 500;
  font-size: 40px; line-height: 1.3; color: #FFF8F0; }
.content_block .pv-citacao blockquote > p:first-child::before { content: "\201C"; display: block; height: 56px; font-size: 110px; line-height: 1; color: var(--pv-vermelho); }
.content_block .pv-citacao .pv-autor { margin: 0; font-size: 14px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: rgba(255,248,240,.72); }

/* trilha: do grátis à especialização */
.content_block .pv-trilha { padding: 92px 0 96px; }
.content_block .pv-trilha > .container > h2 { max-width: 700px; margin-bottom: 44px; }
.content_block .pv-etapas { display: flex; flex-wrap: wrap; }
.content_block .pv-etapas::before, .content_block .pv-etapas::after { display: none; }
.content_block .pv-etapas > div { display: flex; }
.content_block .pv-etapa { position: relative; width: 100%; padding: 34px 30px 28px; background: #fff; border: 1px solid var(--pv-areia); border-radius: 4px 48px 4px 48px; }
.content_block .pv-etapa-destaque { border-color: var(--pv-carmim); box-shadow: 0 24px 50px -36px rgba(107,16,12,.65); }
.content_block .pv-etapa .pv-num { display: grid; place-items: center; width: 54px; height: 54px; margin: 0 0 22px; font-family: 'Playfair Display', serif; font-size: 26px; font-weight: 600;
  color: #fff; background: var(--pv-carmim); border-radius: 0 50% 0 50%; }
.content_block .pv-etapa p { font-size: 16px; color: var(--pv-cinza); }
.content_block .pv-etapa p:last-child { margin: 18px 0 0; }

/* quem coordena */
.content_block .pv-docente { padding: 20px 0 104px; }
.content_block .pv-foto img { width: 100%; height: auto; border-radius: 220px 220px 8px 8px; box-shadow: 0 30px 60px -36px rgba(58,8,6,.6); }
.content_block .pv-docente-txt { padding-left: 52px; }
.content_block .pv-docente-txt h2 { font-size: 46px; }
.content_block .pv-docente-txt p { font-size: 17px; }

/* contato (footer_block) */
.content_block .pv-contato { position: relative; padding: 84px 0; color: rgba(255,248,240,.84); background: var(--pv-noite); }
.content_block .pv-contato::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 4px;
  background: linear-gradient(90deg, var(--pv-folha) 0 33.3%, var(--pv-sol) 33.3% 66.6%, var(--pv-vermelho) 66.6%); }
.content_block .pv-contato h2 { color: #FFF8F0; font-size: 38px; }
.content_block .pv-contato .pv-kicker { color: var(--pv-folha); }
.content_block .pv-contato p { font-size: 18px; }
.content_block .pv-contato .btn::before { margin-right: 10px; font-size: 20px; vertical-align: -2px; }
.content_block .pv-canais { margin: 0; padding: 0; list-style: none; }
.content_block .pv-canais li { display: flex; gap: 14px; align-items: baseline; padding: 14px 0; font-size: 17px; border-bottom: 1px solid rgba(255,248,240,.14); overflow-wrap: anywhere; }
.content_block .pv-canais li::before { flex: none; width: 18px; color: var(--pv-folha); }
.content_block .pv-contato a:not(.btn) { color: #FFF8F0; }
.content_block .pv-contato a:not(.btn):hover { color: var(--pv-sol); text-decoration: none; }

/* cursos: título no fim do content_block + lista automática do sistema (curso novo entra sozinho, com o mesmo cartão) */
.content_block .pv-cursos { padding: 92px 0 44px; text-align: center; background: var(--pv-papel2); }
.content_block .pv-cursos .pv-kicker { justify-content: center; }
.content_block .pv-cursos h2 { max-width: 760px; margin: 0 auto 14px; }
.content_block .pv-cursos .pv-lead { max-width: 640px; margin: 0 auto; font-size: 19px; color: var(--pv-cinza); }
#listCourse-movieBlack { padding: 20px 24px 96px; background: var(--pv-papel2); }
#listCourse-movieBlack > .row { display: flex; flex-wrap: wrap; justify-content: center; gap: 30px; margin: 0; }
#listCourse-movieBlack > .row::before, #listCourse-movieBlack > .row::after { display: none; }
#listCourse-movieBlack > .row > .cl-item, #listCourse-movieBlack > .row > .cl-skel-card { float: none; width: 340px; padding: 0; }
#listCourse-movieBlack .cl-skel-card ~ .cl-skel-card ~ .cl-skel-card ~ .cl-skel-card { display: none; }
#listCourse-movieBlack .hoverzoom { display: flex; flex-direction: column; height: 100%; background: #fff; border: 1px solid var(--pv-areia); border-radius: 4px 48px 4px 48px;
  box-shadow: 0 24px 50px -38px rgba(58,8,6,.55); transition: transform .25s, box-shadow .25s; }
#listCourse-movieBlack .hoverzoom:hover { transform: translateY(-4px); box-shadow: 0 30px 60px -36px rgba(58,8,6,.6); }
#listCourse-movieBlack .hoverzoom > img.height-img { height: auto; aspect-ratio: 4 / 3; object-fit: cover; }
#listCourse-movieBlack .hoverzoom:hover > img { transform: none; }
#listCourse-movieBlack .hoverzoom .retina, #listCourse-movieBlack .hoverzoom:hover .retina { position: static; flex: 1; display: flex; height: auto; padding: 22px 24px 24px;
  opacity: 1; text-align: left; background: none; box-shadow: none; }
#listCourse-movieBlack .hoverzoom .retina .text-image { position: static; top: auto; transform: none; display: flex; flex-direction: column; width: 100%; }
#listCourse-movieBlack .text-image h2 { margin: 0 0 10px; font-size: 22px; font-weight: 600; line-height: 1.25; letter-spacing: 0; }
#listCourse-movieBlack .hoverzoom .retina .text-image h2 a { color: var(--pv-carmim); }
#listCourse-movieBlack .hoverzoom .retina .text-image h4 { display: block; margin: 0 0 20px; font-family: 'Figtree', sans-serif; font-size: 13px; font-weight: 700;
  letter-spacing: .08em; text-transform: uppercase; line-height: 1.6; color: var(--pv-folha-esc); opacity: 1; }
#listCourse-movieBlack .text-image h4 .fa { margin: 0 4px 0 0; color: var(--pv-carmim); }
#listCourse-movieBlack .text-image h4 .fa + .fa, #listCourse-movieBlack .text-image h4 .fa-globe { margin-left: 10px; }
#listCourse-movieBlack .text-image p { margin: auto 0 0; }
#listCourse-movieBlack .btn { padding: 13px 20px; font-size: 15px; }
#listCourse-movieBlack .btn-danger { background-color: var(--pv-carmim); }
#listCourse-movieBlack .btn-danger:hover { background-color: var(--pv-vinho); }

/* ===== rodapé ===== */
footer { margin-top: 0; padding: 34px 0 24px; font-size: 15px; color: rgba(255,248,240,.66); background: #2A0604; }
footer a, footer a:link, footer a:visited { color: #FFF8F0; }
footer a:hover { color: var(--pv-sol); }
footer .flag img { opacity: .85; }
footer .text-muted { color: rgba(255,248,240,.6); }

/* ===== páginas internas ===== */
#top-internal, #course-banner { margin-top: var(--pv-topo); }
#top-internal { padding: 36px 0 30px; }
#top-internal h1 { margin: 0 0 6px; font-size: 40px; }
#top-internal .breadcrumb { margin: 0; color: rgba(255,248,240,.62); text-transform: none; }
#top-internal .breadcrumb a, #top-internal .breadcrumb>.active { color: #FFF8F0; }
#course-banner { position: relative; isolation: isolate; }
#course-banner::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, rgba(58,8,6,.82), rgba(58,8,6,.45)); }
#course-banner h1, #course-banner h2 { color: #FFF8F0; text-shadow: 0 2px 16px rgba(0,0,0,.45); letter-spacing: 0; }
#informations .col-sm-4 h5 { font-family: 'Figtree', sans-serif; font-size: 16px; color: var(--pv-tinta); background: #fff; border-color: var(--pv-areia); border-radius: 8px; }
.course-text, .borda-instrutor, .blog-post, .well, .information-post, .author-post, #similar-post .col-sm-4 .post-similar-iten,
#cart ul li, #checkout-cart ul li { border-color: var(--pv-areia); background-color: #fff; }
#description-course { border-bottom-color: var(--pv-areia); }
#landing-page h3 { font-size: 32px; }
h4.panel-title a, .panel-title>a { color: var(--pv-carmim); }
#registration-course .well { background-color: var(--pv-papel); }
#registration-course .well h3, #registration-course .well .text-success { color: var(--pv-carmim); }
#registration-course .well .text-muted { color: var(--pv-cinza); }
/* a ação principal do curso nasce .btn-default (tinta) e some no bloco vinho da inscrição */
#registration-course .btn-default, #registration-course a.btn-default { color: var(--pv-carmim) !important; background-color: #FFF8F0; }
#registration-course .btn-default:hover { color: #fff !important; background-color: var(--pv-carmim); }
#instructor-course { background-color: #fff; }
.modal-content { color: var(--pv-tinta); background-color: var(--pv-papel); }
button.close, .close:hover { color: var(--pv-tinta); }
.form-control { color: var(--pv-tinta); background-color: #fff; }
.nav-tabs>li>a { color: var(--pv-carmim); background-color: #fff; }
.pagination>li>a, .pagination>li>span { color: var(--pv-tinta); background-color: #fff; }
.pagination>.active>a, .pagination>.active>span { color: #fff; }
#list-courses .course-unit .language-course-title a { color: #fff; }
/* textos do Bootstrap que reprovam no papel */
.text-danger { color: #B42318; }
.text-muted, .help-block, .help-block small { color: var(--pv-cinza); }
.text-success { color: var(--pv-folha-esc); }

/* ===== até 1024px: o tema pinta o menu de preto; aqui continua claro ===== */
@media (max-width: 1024px) {
  #top-menu, #top-menu.navbar-default { background-color: var(--pv-papel); }
  #top-menu .navbar-brand img { width: auto; height: 66px; }
  #top-menu.addColor .navbar-brand img { width: auto; height: 56px; }
  #top-menu .navbar-nav { margin-top: 24px; }
}
@media (max-width: 991px) {
  .content_block .pv-abertura .pv-lead { margin-top: 24px; padding-left: 0; border-left: 0; }
  .content_block .pv-fatos { grid-template-columns: 1fr; }
  .content_block .pv-fatos li + li { padding-left: 0; border-left: 0; border-top: 1px solid var(--pv-areia); padding-bottom: 22px; }
  .content_block .pv-minicurso-txt { padding-left: 15px; margin-top: 44px; }
  .content_block .pv-etapas > div + div { margin-top: 20px; }
  .content_block .pv-docente-txt { padding-left: 15px; }
  .content_block .pv-contato .col-md-5 { margin-top: 32px; }
}

/* ===== celular ===== */
@media (max-width: 767px) {
  :root { --pv-topo: 79px; }
  #top-menu .navbar-brand { padding: 8px 15px; }
  #top-menu .navbar-brand img, #top-menu.addColor .navbar-brand img { width: auto; height: 60px; }
  #top-menu .navbar-toggle { margin-top: 18px; }
  #top-menu .navbar-nav, #top-menu.addColor .navbar-nav { margin-top: 0; }
  #top-menu .navbar-collapse { border-top: 1px solid var(--pv-areia); box-shadow: none; }
  #top-menu ul.navbar-right > li:first-child > a, #top-menu ul li#environment-access a, #top-menu ul li#register-login a { display: inline-block; margin: 10px 15px 6px; }
  #slider .item img { height: 440px; object-position: 76% center; }
  #slider .item > a { position: relative; display: block; }
  #slider .item > a::after { content: ""; position: absolute; inset: 0; background: linear-gradient(0deg, rgba(58,8,6,.96) 12%, rgba(58,8,6,.62) 54%, rgba(58,8,6,0) 80%); }
  #slider .carousel-caption { top: auto; bottom: 28px; left: 20px; right: 20px; width: auto; transform: none; }
  #slider .carousel-caption::before { margin-bottom: 12px; }
  #slider h2 { font-size: 32px; }
  #slider .carousel-caption .btn.hidden-xs { display: inline-block !important; }
  #slider .btn-lg { padding: 14px 24px; font-size: 15px; }
  #slider .carousel-control { display: none; }
  .content_block h2, .content_block .pv-abertura h2 { font-size: 32px; }
  .content_block .pv-lead { font-size: 18px; }
  .content_block .pv-abertura { padding: 56px 0 44px; }
  .content_block .pv-fatos { margin-top: 36px; }
  .content_block .pv-fatos strong { font-size: 38px; min-width: 72px; }
  .content_block .pv-minicurso { padding: 56px 0 60px; }
  .content_block .pv-minicurso-txt h2 { font-size: 34px; }
  .content_block .pv-capa img { border-radius: 0 110px 0 110px; }
  .content_block .pv-aulas em { display: none; }
  .content_block .pv-acoes .btn { width: 100%; }
  .content_block .pv-citacao { padding: 64px 0 96px; }
  .content_block .pv-citacao blockquote > p:first-child { font-size: 27px; }
  .content_block .pv-trilha { padding: 60px 0; }
  .content_block .pv-trilha > .container > h2 { margin-bottom: 30px; }
  .content_block .pv-docente { padding: 0 0 64px; }
  .content_block .pv-foto { max-width: 300px; margin: 0 auto 32px; }
  .content_block .pv-docente-txt h2 { font-size: 34px; }
  .content_block .pv-contato { padding: 56px 0; }
  .content_block .pv-contato h2 { font-size: 28px; }
  .content_block .pv-cursos { padding: 60px 0 24px; }
  #listCourse-movieBlack { padding: 16px 15px 60px; }
  #listCourse-movieBlack > .row > .cl-item, #listCourse-movieBlack > .row > .cl-skel-card { width: 100%; max-width: 420px; }
  #top-internal h1 { font-size: 30px; }
  #grid-course, #description-course, #description-course .text-left, .biography-text { overflow-wrap: anywhere; }
  #description-course img, #grid-course img { max-width: 100%; height: auto !important; }
  footer .col-sm-10, footer .col-sm-2 { text-align: center; }
}