/* Estilos das paginas comerciais (terceirizacao, consultoria, materiais) */

.home_text .home_sub {
    color: #D7DADB;
    font-size: 20px;
    font-weight: 300;
    margin: 18px 0 28px;
    max-width: 640px;
}

.btn-whats,
.btn-whats:focus,
.btn-whats:visited {
    background: #25D366;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 14px 28px;
    border-radius: 4px;
}
.btn-whats:hover { background: #1eb457; color: #fff; }

.bpo_section { padding: 70px 0; }
.bpo_section.alt { background: #f4f6f8; }
.bpo_section .section_title h2 { margin-bottom: 12px; }
.bpo_section .section_title p { max-width: 760px; margin: 0 auto; }

.bpo_card {
    background: #fff;
    border: 1px solid #e4e8ec;
    border-radius: 6px;
    padding: 28px 22px;
    margin-bottom: 24px;
    min-height: 210px;
}
.bpo_card i { font-size: 42px; color: #c7a260; }
.bpo_card h3 { font-size: 19px; font-weight: 700; color: #034269; margin: 14px 0 8px; }
.bpo_card p, .bpo_card li { color: #666; font-size: 15px; }
.bpo_card ul { padding-left: 18px; margin: 0; }

.bpo_step { text-align: center; padding: 0 10px; margin-bottom: 24px; }
.bpo_step .step_num {
    display: inline-block;
    width: 56px; height: 56px; line-height: 56px;
    border-radius: 50%;
    background: #034269; color: #c7a260;
    font-size: 24px; font-weight: 700;
    margin-bottom: 14px;
}
.bpo_step h3 { font-size: 18px; font-weight: 700; color: #034269; margin-bottom: 8px; }
.bpo_step p { color: #666; font-size: 15px; }

.bpo_faq .panel-title a { color: #034269; font-weight: 600; font-size: 16px; display: block; }
.bpo_faq .panel-body { color: #666; }

.bpo_cta_final {
    background: #034269;
    padding: 60px 0;
    text-align: center;
}
.bpo_cta_final h2 { color: #fff; font-weight: 700; margin: 0 0 10px; }
.bpo_cta_final p { color: #D7DADB; font-size: 17px; font-weight: 300; margin-bottom: 26px; }

/* Linha do tempo da Reforma (consultoria) */
.rt_col { width: 20%; float: left; padding: 0 10px; }
@media (max-width: 767px) {
    .rt_col { width: 100%; float: none; }
}
.rt_fase { text-align: center; padding: 0 8px; margin-bottom: 24px; }
.rt_fase .rt_ano {
    display: inline-block;
    background: #034269;
    color: #c7a260;
    font-weight: 700;
    font-size: 20px;
    padding: 8px 18px;
    border-radius: 4px;
    margin-bottom: 12px;
}
.rt_fase h3 { font-size: 17px; font-weight: 700; color: #034269; margin-bottom: 6px; }
.rt_fase p { color: #666; font-size: 14px; }

/* Cards de materiais ricos */
.mat_card {
    background: #fff;
    border: 1px solid #e4e8ec;
    border-top: 4px solid #c7a260;
    border-radius: 6px;
    padding: 28px 24px;
    margin-bottom: 24px;
}
.mat_card h3 { font-size: 19px; font-weight: 700; color: #034269; margin: 0 0 10px; }
.mat_card p.mat_desc { color: #666; font-size: 15px; min-height: 66px; }
.mat_card .form-group { margin-bottom: 12px; }
.mat_card input.form-control {
    height: 42px;
    border-radius: 4px;
    box-shadow: none;
    border: 1px solid #d5dbe1;
}
.mat_card .btn-material,
.mat_card .btn-material:focus,
.mat_card .btn-material:visited {
    background: #034269;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    width: 100%;
    padding: 12px;
    border-radius: 4px;
}
.mat_card .btn-material:hover { background: #02314e; color: #fff; }
.mat_lgpd { color: #98a4ae; font-size: 12px; margin-top: 8px; }
.hp_site { position: absolute; left: -9999px; opacity: 0; height: 0; overflow: hidden; }


/* ---------------- Pagina Orientools ---------------- */
.ot_tag {
    display: inline-block;
    background: rgba(199,162,96,.15);
    border: 1px solid #c7a260;
    color: #c7a260;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
    padding: 6px 14px;
    border-radius: 3px;
    margin-bottom: 18px;
}

.btn-acesso,
.btn-acesso:focus,
.btn-acesso:visited {
    background: #c7a260;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 14px 28px;
    border-radius: 4px;
}
.btn-acesso:hover { background: #b08d4c; color: #fff; }

.ot_facts { background: #034269; padding: 55px 0; }
.ot_fact { text-align: center; margin-bottom: 15px; }
.ot_fact h2 { color: #c7a260; font-weight: 800; font-size: 32px; margin: 0 0 8px; }
.ot_fact p { color: #D7DADB; font-size: 15px; font-weight: 300; margin: 0; }

.ot_list { list-style: none; padding: 0; margin: 0; }
.ot_list li {
    position: relative;
    padding-left: 30px;
    margin-bottom: 20px;
    color: #666;
    font-size: 15px;
    line-height: 1.6;
}
.ot_list li:before {
    content: "\f00c";
    font-family: FontAwesome;
    position: absolute;
    left: 0;
    top: 2px;
    color: #c7a260;
}
.ot_list li b { color: #034269; }

.ot_acesso {
    background: #f4f6f8;
    border-top: 4px solid #c7a260;
    padding: 55px 0;
    text-align: center;
}
.ot_acesso h2 { color: #034269; font-weight: 700; margin: 0 0 10px; }
.ot_acesso p { color: #666; font-size: 16px; max-width: 640px; margin: 0 auto 26px; }
.ot_acesso .btn { margin: 6px 8px; }

/* Bloco do Orientools reaproveitado na home e na consultoria */
.ot_bloco { padding: 70px 0; background: #fff; }
.ot_bloco.escuro { background: #052f4a; }
.ot_bloco.escuro h2 { color: #fff; }
.ot_bloco.escuro p, .ot_bloco.escuro .ot_list li { color: #cdd6dd; }
.ot_bloco.escuro .ot_list li b { color: #c7a260; }
.ot_bloco h2 { color: #034269; font-weight: 700; margin: 0 0 14px; font-size: 28px; }
.ot_bloco .ot_sub { font-size: 17px; font-weight: 300; margin-bottom: 24px; }
.ot_bloco .ot_btns { margin-top: 28px; }
.ot_bloco .ot_btns .btn { margin: 6px 10px 6px 0; }
.ot_mock {
    background: #fff;
    border-radius: 8px;
    padding: 26px 24px;
    box-shadow: 0 18px 40px -22px rgba(3,66,105,.75);
}
.ot_mock h4 {
    color: #034269;
    font-weight: 700;
    font-size: 15px;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin: 0 0 18px;
    border-bottom: 1px solid #e4e8ec;
    padding-bottom: 12px;
}
.ot_linha {
    display: block;
    overflow: hidden;
    padding: 9px 0;
    border-bottom: 1px dashed #e9edf1;
    font-size: 15px;
    color: #55606a;
}
.ot_linha:last-child { border-bottom: 0; }
.ot_linha span { float: right; font-weight: 700; color: #034269; }
.ot_linha.destaque span { color: #b3261e; }
.ot_linha.positivo span { color: #1e9e57; }
.ot_mock .ot_nota { font-size: 12px; color: #98a4ae; margin: 14px 0 0; }


/* Grade de cards: no Bootstrap 3 as colunas flutuam e cards de alturas
   diferentes desalinham a proxima linha. Forcamos a quebra a cada 3 cards
   (desktop) e a cada 2 (tablet). */
.cards_row .col-md-4:nth-child(3n+1) { clear: none; }
@media (min-width: 992px) {
    .cards_row .col-md-4:nth-child(3n+1) { clear: left; }
}
@media (min-width: 768px) and (max-width: 991px) {
    .cards_row .col-sm-6:nth-child(2n+1) { clear: left; }
}

.btn-outline-ouro,
.btn-outline-ouro:focus,
.btn-outline-ouro:visited {
    background: transparent;
    border: 2px solid #c7a260;
    color: #c7a260;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 12px 26px;
    border-radius: 4px;
}
.btn-outline-ouro:hover { background: #c7a260; color: #fff; }


/* ---------------- Orientools: video, telas do modulo RT e galeria (03/09/2026) ---------------- */
.ot_video_sec { background: #052f4a; padding: 60px 0; text-align: center; }
.ot_video_sec h2 { color: #fff; font-weight: 700; margin: 0 0 10px; }
.ot_video_sec p { color: #cdd6dd; font-size: 16px; font-weight: 300; max-width: 680px; margin: 0 auto 28px; }
.ot_video {
    max-width: 920px;
    margin: 0 auto;
    border-radius: 8px;
    overflow: hidden;
    background: #000;
    box-shadow: 0 28px 60px -26px rgba(0,0,0,.85);
}
.ot_video video { width: 100%; display: block; }

.ot_telas_intro { max-width: 800px; margin: 0 auto; }
.ot_tela { padding: 42px 0; border-bottom: 1px solid #e9edf1; }
.ot_tela:last-child { border-bottom: 0; }
.ot_tela h3 { color: #034269; font-weight: 700; font-size: 22px; margin: 0 0 14px; line-height: 1.3; }
.ot_tela .ot_num {
    display: inline-block;
    width: 36px; height: 36px; line-height: 36px;
    border-radius: 50%;
    background: #034269; color: #c7a260;
    font-size: 15px; font-weight: 700;
    text-align: center;
    margin-right: 10px;
    vertical-align: middle;
}
.ot_tela p { color: #666; font-size: 15px; line-height: 1.7; }
.ot_tela .ot_list li { margin-bottom: 10px; font-size: 14.5px; }
.ot_tela .ot_menu_ref {
    display: inline-block;
    font-size: 12px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase;
    color: #98a4ae; margin-bottom: 8px;
}
.ot_shot {
    display: block;
    border: 1px solid #dfe5ea;
    border-radius: 6px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 18px 40px -24px rgba(3,66,105,.7);
    transition: transform .2s ease;
}
.ot_shot:hover { transform: translateY(-3px); }
.ot_shot img { width: 100%; display: block; }
.ot_shot + .ot_shot { margin-top: 18px; }
.ot_shot_cap { display: block; font-size: 12.5px; color: #98a4ae; margin: 8px 0 0; text-align: center; }
.ot_galeria .ot_shot { margin-bottom: 8px; }
.ot_galeria .ot_shot_cap { margin-bottom: 24px; }
@media (max-width: 991px) {
    .ot_tela .col-md-6 + .col-md-6 { margin-top: 24px; }
}