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

body {
    font-family: 'Barlow', sans-serif; /* Setar fonte dos textos */
    color: #2E3035; /* Setar cores dos textos */
    background-color: #F6F3EA; /* 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: #2E3035;    
}
.navbar .nav>li>a, .dropdown-menu>li>a, #admin #toolbar .btn {
    font-family: 'Barlow', sans-serif; /* Setar fonte dos textos */    
}
h1, h2, h3, h4, h5, h6 {
    font-family: 'Archivo', sans-serif; /* Setar fonte dos titulos */
}
h1, h2, h3, h4, h5, h6 {
    color: #17181B; /* Setar cores dos titulos */
}
#top-internal h1, #registration-course h3 {
 color: #F6F3EA;   
}
a, a:link, a:hover, a:visited, a:active, .btn-link, .btn-link:hover {
    color: #A8410E; /* Setar cores dos links */

}
a:hover, a:focus {
    color: #17181B; /* 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: #D8D2C4;    
}
#landingpage-subscription #registration-course h4, #landingpage-subscription #registration-course h2, .popover-title, .popover-content {
    color: #17181B;   
}
#landingpage-subscription .carousel .carousel-control, .cr-black {
    background-color: #17181B;
}
#course-banner {
    background-color: #17181B;
}
.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 #D8D2C4;
}
#top-menu.addColor {
    background-color: #FFFFFF; /* Setar cor 2 */
}
#top-internal, #landing-page #registration-course, .categories-menu .nav>li>a:hover, .categories-menu .nav>li>a:focus {
    background-color: #17181B; /* Setar cor 3 */
}
.btn-default, .btn-default:hover, .post-similar-iten .btn-info {
    background-color: #17181B; /* 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: #F4703A; /* 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: #F4703A; /* 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: #B8480F; /* Setar cor do botão de atenção */
}
.well {
    background-color: rgba(255, 255, 255, 0.2);
}

/* aqui entra o css especifico no cliente */
/* STIAN · tema Movie White · "a pista também é posto de trabalho" (proposta 28/09/2026) */
:root {
  --pv-asf: #17181B; --pv-noite: #0E0F12; --pv-graf: #2E3035; --pv-creme: #F6F3EA; --pv-papel: #FBF9F4;
  --pv-lar: #F4703A; --pv-lar-esc: #B8480F; --pv-link: #A8410E; --pv-conc: #D8D2C4; --pv-cinza: #5E5B55;
  --pv-topo: 94px;
}

/* ===== base: desfaz o Movie (letra condensada, contorno, sombras) ===== */
body { font-family: 'Barlow', sans-serif; font-size: 17px; line-height: 1.55; color: var(--pv-graf); background-color: var(--pv-creme); }
h1, h2, h3, h4, h5, h6 { font-family: 'Archivo', sans-serif; font-stretch: 112%; font-weight: 800; letter-spacing: -.01em; -webkit-text-stroke: 0; color: var(--pv-asf); }
h4, h5, h6 { letter-spacing: 0; font-weight: 700; }
.navbar .nav>li>a, .dropdown-menu>li>a, #menu-landing.nav-pills>li>a, .panel-title>a { font-family: 'Barlow', sans-serif; -webkit-text-stroke: 0; }
a, a:link, a:visited, .btn-link { color: var(--pv-link); }
a:hover, a:focus { color: var(--pv-asf); }
hr { border-top-color: var(--pv-conc); }

.btn { font-family: 'Barlow', sans-serif; font-weight: 700; font-size: 14px; letter-spacing: .06em; border: 0; border-radius: 6px; padding: 12px 24px;
  text-shadow: none; transition: background-color .2s, transform .2s; }
.btn-lg { font-size: 15px; padding: 16px 28px; }
.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: var(--pv-asf) !important; }
.btn-info:hover, .btn-success:hover, #slider .carousel-caption .btn-info:hover { background-color: #FF8A55; }
.btn-default:hover { background-color: #000; }
.btn-danger:hover { background-color: #96390A; }
.btn:focus-visible, a:focus-visible { outline: 3px solid var(--pv-lar); outline-offset: 2px; }

/* ===== menu fixo: placa clara com a faixa da pista embaixo ===== */
#top-menu.navbar-default, #top-menu.navbar-default.addColor { background-color: var(--pv-papel); border: 0; box-shadow: 0 6px 18px -12px rgba(0,0,0,.35); }
#top-menu::after { content: ""; position: absolute; left: 0; right: 0; bottom: -4px; height: 4px;
  background: repeating-linear-gradient(90deg, var(--pv-lar) 0 44px, transparent 44px 76px); }
#top-menu .navbar-brand { padding: 14px 15px 14px 24px; }
#top-menu .navbar-brand img { width: 250px; height: auto; transition: width .25s; }
#top-menu.addColor .navbar-brand img { width: 200px; }
#top-menu .navbar-nav { margin-top: 22px; }
#top-menu.addColor .navbar-nav { margin-top: 15px; }
#top-menu.navbar-default .navbar-nav>li>a { font-size: 15px; font-weight: 600; letter-spacing: .06em; color: var(--pv-graf); padding: 15px 16px; }
#top-menu.navbar-default .navbar-nav>li>a:hover, #top-menu.navbar-default .navbar-nav>li>a:focus { color: var(--pv-lar-esc); background: transparent; }
#top-menu.navbar-default .navbar-nav>.active>a { color: var(--pv-asf); box-shadow: inset 0 -3px var(--pv-lar); }
#top-menu ul li#environment-access a, #top-menu ul li#register-login a { margin-right: 12px; padding: 12px 20px; color: var(--pv-creme); background-color: var(--pv-asf);
  border-radius: 6px; box-shadow: none; }
#top-menu ul li#environment-access a:hover, #top-menu ul li#register-login a:hover { color: #fff; background-color: #000; }
#top-menu #frm_search { margin-top: 28px; }
#top-menu .navbar-toggle { margin-top: 18px; margin-right: 16px; border: 0; border-radius: 6px; background-color: var(--pv-asf); }
#top-menu .navbar-toggle .icon-bar { background-color: var(--pv-creme); }
body #side-colors { z-index: 1045; }

/* ===== slide: foto noturna, título à 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: 72% center; }
#slider .carousel-caption { top: 50%; bottom: auto; left: max(24px, calc(50% - 570px)); right: auto; width: min(640px, 88%); padding: 0;
  transform: translateY(-50%); text-align: left; text-shadow: none; }
#slider .carousel-caption::before { content: ""; display: block; width: 76px; height: 6px; margin-bottom: 22px;
  background: repeating-linear-gradient(90deg, var(--pv-lar) 0 22px, transparent 22px 30px); }
#slider h2 { margin: 0 0 16px; font-size: 50px; line-height: 1.04; font-stretch: 115%; color: var(--pv-creme); text-shadow: none; }
#slider p { max-width: 520px; margin: 0 0 26px; font-size: 20px; line-height: 1.45; color: rgba(246,243,234,.86); text-shadow: none; }
#slider .btn-lg { padding: 17px 30px; font-size: 15px; }
#slider .carousel-control { width: 64px; background: none; opacity: .55; 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 14px; font-size: 14px; font-weight: 700; letter-spacing: .16em;
  text-transform: uppercase; color: var(--pv-link); }
.content_block .pv-kicker::before { content: ""; flex: none; width: 34px; height: 4px; background: repeating-linear-gradient(90deg, var(--pv-lar) 0 14px, transparent 14px 20px); }
.content_block h2 { margin: 0 0 18px; font-size: 42px; line-height: 1.08; }
.content_block .pv-led { font-family: 'Doto', 'Archivo', monospace; font-weight: 900; line-height: 1; color: var(--pv-lar);
  text-shadow: 0 0 14px rgba(244,112,58,.55); white-space: nowrap; }
.content_block .pv-ic::before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; }
.content_block .pv-ic-lei::before { content: "\f24e"; }
.content_block .pv-ic-modulos::before { content: "\f0cb"; }
.content_block .pv-ic-gratis::before { content: "\f06b"; }
.content_block .pv-ic-mail::before { content: "\f0e0"; }
.content_block .pv-ic-local::before { content: "\f041"; }

/* curso em destaque */
.content_block .pv-curso { padding: 88px 0 96px; }
.content_block .pv-curso-foto { position: relative; }
.content_block .pv-curso-foto img { width: 100%; height: auto; border-radius: 12px; box-shadow: 0 24px 50px -28px rgba(14,15,18,.7); }
.content_block .pv-selo { position: absolute; top: -14px; right: 2px; margin: 0; padding: 12px 18px; font-family: 'Archivo', sans-serif; font-stretch: 118%;
  font-weight: 800; font-size: 18px; letter-spacing: .06em; text-transform: uppercase; color: var(--pv-asf); background: var(--pv-lar);
  border-radius: 8px; transform: rotate(3deg); box-shadow: 0 10px 22px -12px rgba(0,0,0,.6); }
.content_block .pv-curso-txt { padding-left: 48px; }
.content_block .pv-curso-txt h2 { font-size: 54px; font-stretch: 118%; }
.content_block .pv-lead { margin: 0 0 24px; font-size: 21px; line-height: 1.45; color: var(--pv-graf); }
.content_block .pv-fatos { margin: 0 0 30px; padding: 0; list-style: none; }
.content_block .pv-fatos li { display: flex; gap: 14px; align-items: baseline; padding: 11px 0; border-top: 1px solid var(--pv-conc); }
.content_block .pv-fatos li::before { flex: none; width: 22px; text-align: center; color: var(--pv-lar-esc); font-size: 17px; }
.content_block .pv-acoes { display: flex; flex-wrap: wrap; align-items: center; gap: 14px 26px; margin: 0; }
.content_block .pv-seta { font-weight: 700; color: var(--pv-link); border-bottom: 2px solid rgba(168,65,14,.35); }
.content_block .pv-seta:hover { color: var(--pv-asf); border-bottom-color: var(--pv-asf); text-decoration: none; }

/* a pista: faixa escura com o totem de preços */
.content_block .pv-pista { position: relative; padding: 96px 0 150px; color: rgba(246,243,234,.82); background: var(--pv-asf); }
.content_block .pv-pista::before, .content_block .pv-contato::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 6px;
  background: repeating-linear-gradient(90deg, var(--pv-lar) 0 64px, transparent 64px 108px); }
.content_block .pv-pista::after { content: ""; position: absolute; left: 0; right: 0; bottom: 40px; height: 3px;
  background: repeating-linear-gradient(90deg, rgba(246,243,234,.3) 0 64px, transparent 64px 108px); }
.content_block .pv-pista h2 { color: var(--pv-creme); }
.content_block .pv-pista .pv-kicker { color: var(--pv-lar); }
.content_block .pv-pista-intro p { font-size: 19px; }
.content_block .pv-totem { position: relative; z-index: 1; max-width: 560px; margin: 0 auto; background: var(--pv-noite); border: 6px solid #2C2E33;
  border-radius: 14px 14px 6px 6px; box-shadow: 0 30px 60px -30px #000; }
.content_block .pv-totem::after { content: ""; position: absolute; z-index: -1; left: 50%; top: 100%; width: 46px; height: 84px; transform: translateX(-50%);
  background: linear-gradient(90deg, #232529, #34363C 50%, #232529); }
.content_block .pv-totem-topo { margin: 0; padding: 16px; font-family: 'Archivo', sans-serif; font-stretch: 122%; font-weight: 800; font-size: 17px;
  letter-spacing: .12em; text-align: center; text-transform: uppercase; color: var(--pv-asf); background: var(--pv-lar); border-radius: 8px 8px 0 0; }
.content_block .pv-totem-lista { margin: 0; padding: 6px 0; list-style: none; }
.content_block .pv-totem-lista li { display: grid; grid-template-columns: 92px 1fr; gap: 18px; align-items: center; padding: 18px 24px; }
.content_block .pv-totem-lista li + li { border-top: 1px dashed rgba(246,243,234,.14); }
.content_block .pv-totem-lista .pv-led { font-size: 50px; letter-spacing: .04em; }
.content_block .pv-totem-lista p { margin: 0; font-size: 16px; line-height: 1.45; color: rgba(246,243,234,.72); }
.content_block .pv-totem-lista strong { display: block; margin-bottom: 2px; font-family: 'Archivo', sans-serif; font-stretch: 112%; font-size: 19px; color: var(--pv-creme); }

/* para quem é: placas */
.content_block .pv-rotina { padding: 96px 0 100px; }
.content_block .pv-placas { display: flex; flex-wrap: wrap; margin-top: 18px; }
.content_block .pv-placas::before, .content_block .pv-placas::after { display: none; }
.content_block .pv-placas > div { display: flex; }
.content_block .pv-placa { width: 100%; padding: 26px 26px 22px; background: var(--pv-papel); border: 3px solid var(--pv-asf); border-radius: 12px; }
.content_block .pv-placa .pv-led { display: block; margin: 0 0 20px; padding: 18px 16px 14px; font-size: 44px; text-align: center; background: var(--pv-asf); border-radius: 6px; }
.content_block .pv-placa h3 { margin: 0 0 8px; font-size: 22px; }
.content_block .pv-placa p { margin: 0; font-size: 17px; }

/* contato (footer_block) */
.content_block .pv-contato { position: relative; padding: 80px 0; color: rgba(246,243,234,.8); background: var(--pv-noite); }
.content_block .pv-contato h2 { color: var(--pv-creme); font-size: 38px; }
.content_block .pv-contato .pv-kicker { color: var(--pv-lar); }
.content_block .pv-contato p { font-size: 18px; }
.content_block .pv-contato-acoes p { margin: 0 0 14px; }
.content_block .pv-contato-acoes .pv-ic { display: flex; gap: 12px; align-items: baseline; font-size: 16px; overflow-wrap: anywhere; }
.content_block .pv-contato-acoes .pv-ic::before { flex: none; width: 18px; color: var(--pv-lar); }
.content_block .pv-contato a:not(.btn) { color: var(--pv-creme); border-bottom: 1px solid rgba(246,243,234,.35); }
.content_block .pv-contato a:not(.btn):hover { color: var(--pv-lar); text-decoration: none; }

/* lista de cursos da home (quando ligada): cartões com o nome sempre visível */
#listCourse-movieBlack { padding: 64px 24px; }
#listCourse-movieBlack > .row { display: flex; flex-wrap: wrap; justify-content: center; gap: 24px; margin: 0; }
#listCourse-movieBlack > .row::before, #listCourse-movieBlack > .row::after { display: none; }
#listCourse-movieBlack .col-sm-3 { width: 300px; float: none; }
#listCourse-movieBlack .hoverzoom { border-radius: 12px; background: var(--pv-asf); }
#listCourse-movieBlack .hoverzoom > img.height-img { height: auto; aspect-ratio: 4 / 3; object-fit: cover; }
#listCourse-movieBlack .hoverzoom:hover > img { transform: scale(1.06); }
#listCourse-movieBlack .hoverzoom .retina { opacity: 1; padding: 20px; box-shadow: none; background: linear-gradient(0deg, rgba(14,15,18,.95) 20%, rgba(14,15,18,0) 75%); }
#listCourse-movieBlack .hoverzoom .retina .text-image { top: auto; position: absolute; left: 20px; right: 20px; bottom: 18px; transform: none; text-align: left; }
#listCourse-movieBlack .text-image h2 { margin: 0 0 12px; font-size: 17px; line-height: 1.25; letter-spacing: 0; }
#listCourse-movieBlack .text-image h4 { display: none; }
#listCourse-movieBlack .text-image p { margin: 0; }

/* ===== rodapé ===== */
footer { margin-top: 0; padding: 36px 0 24px; font-size: 15px; color: rgba(246,243,234,.66); background: #0A0B0D; }
footer a, footer a:link, footer a:visited { color: var(--pv-creme); }
footer a:hover { color: var(--pv-lar); }
footer .flag img { opacity: .85; }

/* ===== páginas internas ===== */
#top-internal, #course-banner { margin-top: var(--pv-topo); }
#top-internal { padding: 34px 0 28px; }
#top-internal h1 { margin: 0 0 6px; font-size: 38px; }
#top-internal .breadcrumb { margin: 0; color: rgba(246,243,234,.6); }
#top-internal .breadcrumb a, #top-internal .breadcrumb>.active { color: var(--pv-creme); }
#course-banner h1, #course-banner h2 { color: var(--pv-creme); text-shadow: 0 2px 16px rgba(0,0,0,.6); letter-spacing: 0; }
#informations .col-sm-4 h5 { font-size: 17px; color: var(--pv-asf); background: var(--pv-papel); border-color: var(--pv-conc); 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-conc); background-color: var(--pv-papel); }
#description-course { border-bottom-color: var(--pv-conc); }
#landing-page h3 { font-size: 32px; }
h4.panel-title a, .panel-title>a { color: var(--pv-asf); }
#registration-course .well { background-color: var(--pv-papel); }
#registration-course .well h3, #registration-course .well .text-success { color: var(--pv-asf); }
#registration-course .well .text-muted { color: var(--pv-cinza); }
#instructor-course { background-color: var(--pv-papel); }
.modal-content { color: var(--pv-graf); background-color: var(--pv-papel); }
button.close, .close:hover { color: var(--pv-asf); }
.form-control { color: var(--pv-graf); background-color: #fff; }
.nav-tabs>li>a { color: var(--pv-asf); background-color: var(--pv-papel); }
.pagination>li>a, .pagination>li>span { color: var(--pv-graf); background-color: var(--pv-papel); }
.pagination>.active>a, .pagination>.active>span { color: var(--pv-asf); }
#list-courses .course-unit .language-course-title a { color: #fff; }
/* a ação principal do curso nasce .btn-default (asfalto) e sumia no bloco asfalto da inscrição */
#registration-course .btn-default, #registration-course a.btn-default { color: var(--pv-asf) !important; background-color: var(--pv-lar); }
#registration-course .btn-default:hover { background-color: #FF8A55; }
/* a faixa acesa da cobertura passava atrás do título do curso */
#course-banner { box-shadow: inset 0 0 0 3000px rgba(14,15,18,.5); }
/* textos do Bootstrap que reprovavam no creme e no checkout (auditoria de 28/09/2026) */
.text-danger { color: #B42318; }
.text-muted, .help-block, .help-block small { color: var(--pv-cinza); }
.text-success { color: var(--pv-asf); }
footer .text-muted { color: rgba(246,243,234,.62); }

/* ===== 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: 220px; }
  #top-menu .navbar-nav { margin-top: 18px; }
}
@media (max-width: 991px) {
  .content_block .pv-curso-txt { padding-left: 15px; margin-top: 44px; }
  .content_block .pv-pista-intro { margin-bottom: 44px; }
}

/* ===== celular ===== */
@media (max-width: 767px) {
  :root { --pv-topo: 72px; }
  #top-menu .navbar-brand { padding: 10px 15px; }
  #top-menu .navbar-brand img, #top-menu.addColor .navbar-brand img { width: 196px; }
  #top-menu .navbar-toggle { margin-top: 16px; }
  #top-menu .navbar-nav, #top-menu.addColor .navbar-nav { margin-top: 0; }
  #top-menu .navbar-collapse { border-top: 1px solid var(--pv-conc); box-shadow: none; }
  #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: 400px; object-position: 70% center; }
  #slider .item > a { position: relative; display: block; }
  #slider .item > a::after { content: ""; position: absolute; inset: 0; background: linear-gradient(0deg, rgba(14,15,18,.95) 8%, rgba(14,15,18,.6) 52%, rgba(14,15,18,0) 78%); }
  #slider .carousel-caption { top: auto; bottom: 26px; left: 20px; width: auto; right: 20px; transform: none; }
  #slider .carousel-caption::before { margin-bottom: 14px; }
  #slider h2 { font-size: 29px; letter-spacing: 0; }
  #slider .carousel-caption .btn.hidden-xs { display: inline-block !important; }
  #slider .btn-lg { padding: 14px 22px; font-size: 14px; }
  #slider .carousel-control { display: none; }
  .content_block h2 { font-size: 31px; }
  .content_block .pv-curso { padding: 56px 0 60px; }
  .content_block .pv-curso-txt h2 { font-size: 36px; }
  .content_block .pv-lead { font-size: 18px; }
  .content_block .pv-selo { right: 8px; font-size: 15px; }
  .content_block .pv-acoes .btn { width: 100%; }
  .content_block .pv-pista { padding: 60px 0 128px; }
  .content_block .pv-totem-lista li { grid-template-columns: 58px 1fr; gap: 12px; padding: 16px 16px; }
  .content_block .pv-totem-lista .pv-led { font-size: 34px; }
  .content_block .pv-rotina { padding: 60px 0; }
  .content_block .pv-placas > div + div { margin-top: 18px; }
  .content_block .pv-contato { padding: 56px 0; }
  .content_block .pv-contato h2 { font-size: 28px; }
  .content_block .pv-contato-acoes { margin-top: 12px; }
  #listCourse-movieBlack .col-sm-3 { width: 100%; }
  #top-internal h1 { font-size: 28px; }
  #grid-course, #description-course { overflow-wrap: anywhere; }
  footer .col-sm-10, footer .col-sm-2 { text-align: center; }
}