/* =====================================================================
   CRM Gabinete — tema com as cores da landing page (wwwlp)
   Carregado por último no layout: só cores/acabamento, sem mudar a estrutura.
   ===================================================================== */
:root{
  --green:#3fa14a;  --green-dark:#2e8238; --green-light:#8cc63f; --green-soft:#eaf6ea;
  --blue:#2a8bd2;   --blue-dark:#1d6aa5;  --blue-soft:#e8f2fb;
  --navy:#0f2f4c;   --navy-2:#163f63;     --navy-3:#0a2236;
  --text:#2b2f36;   --muted:#6b7280;      --line:#e5e7eb;  --bg-alt:#f6f8fb;
  --shadow:0 10px 30px rgba(15,47,76,.10);
}

/* ---------- Base ---------- */
html,body{font-family:'Inter','Open Sans',Arial,sans-serif;color:var(--text)}
body{background:#fff;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4,h5,h6{color:var(--navy);font-weight:800}
a{color:var(--blue)}
a:hover,a:focus{color:var(--blue-dark)}
.text-muted{color:var(--muted)}
::selection{background:var(--green);color:#fff}

/* ---------- Botões ---------- */
.btn{border-radius:8px;font-weight:600;transition:background .15s,box-shadow .15s,transform .15s}
.btn:hover{transform:translateY(-1px)}
.btn-success{background:var(--green);border-color:var(--green);color:#fff}
.btn-success:hover,.btn-success:focus,.btn-success:active,.btn-success.active,
.open>.dropdown-toggle.btn-success{background:var(--green-dark);border-color:var(--green-dark);color:#fff;box-shadow:0 6px 16px rgba(63,161,74,.3)}
.btn-primary{background:var(--blue);border-color:var(--blue);color:#fff}
.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary.active,
.open>.dropdown-toggle.btn-primary{background:var(--blue-dark);border-color:var(--blue-dark);color:#fff;box-shadow:0 6px 16px rgba(42,139,210,.3)}
.btn-lg{border-radius:10px;padding:12px 28px}
.btn-link{color:var(--blue)}
.btn-link:hover,.btn-link:focus{color:var(--green);text-decoration:none}

/* ---------- Topo ---------- */
header{background:#fff;border-bottom:1px solid var(--line)}
header strong{color:var(--navy)}
header .btn-link .fa{color:var(--navy)}
header .btn-link:hover .fa{color:var(--green)}
header .btn-group .btn-success{border-radius:0}
header .btn-group .btn-success:first-child{border-radius:8px 0 0 8px}
header .btn-group .btn-success:last-child{border-radius:0 8px 8px 0;background:var(--blue);border-color:var(--blue)}
header .btn-group .btn-success:last-child:hover{background:var(--blue-dark);border-color:var(--blue-dark)}

/* ---------- Menu ---------- */
.navbar-default{background:var(--navy);border:0;border-radius:0;margin-bottom:20px;
  box-shadow:inset 0 3px 0 0 var(--green)}
.navbar-default .navbar-nav>li>a,
.navbar-default .btn-link{color:#d5e4f1;font-weight:600}
.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>li>a:focus,
.navbar-default .btn-link:hover{color:#fff;background:rgba(255,255,255,.06)}
.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:hover{color:#fff;background:var(--green)}
.navbar-default .navbar-toggle{border-color:rgba(255,255,255,.3)}
.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus{background:rgba(255,255,255,.1)}
.navbar-default .navbar-toggle .icon-bar{background:#fff}
.navbar-default .navbar-collapse{border-color:rgba(255,255,255,.1)}

/* ---------- Faixa de destaque (hero / bg-primary) ---------- */
.bg-primary{color:#fff;background:
  radial-gradient(900px 400px at 85% 10%,rgba(42,139,210,.45),transparent 60%),
  radial-gradient(700px 400px at 0% 100%,rgba(140,198,63,.30),transparent 60%),
  linear-gradient(135deg,#0f2f4c 0%,#13436b 55%,#1a5a7a 100%)}
.bg-primary h1,.bg-primary h2,.bg-primary h3{color:#fff;font-weight:800}
.bg-primary .container{padding-bottom:20px}
.bg-primary img{filter:drop-shadow(0 20px 40px rgba(0,0,0,.35))}

/* ---------- Títulos de seção ---------- */
.page-header{border-bottom:0;position:relative;padding-bottom:12px}
.page-header::after{content:"";position:absolute;left:0;bottom:0;width:64px;height:4px;border-radius:4px;
  background:linear-gradient(90deg,var(--green-light),var(--green) 50%,var(--blue))}
.page-header h1{color:var(--navy);font-weight:900}
.page-header h1 small{color:var(--navy);font-weight:900;font-size:80%}

/* ---------- Recursos (thumbnails) ---------- */
.thumbnail{border-radius:14px;transition:transform .2s,box-shadow .2s}
.features--noborder{padding:20px 12px}
.features--noborder:hover{transform:translateY(-4px);box-shadow:var(--shadow);background:#fff}
.features__img{border:4px solid var(--green-soft);box-shadow:0 8px 20px rgba(15,47,76,.12)}
.features--noborder .lead{color:var(--navy);font-weight:800;letter-spacing:.04em;font-size:16px}
.features--noborder .caption p{color:var(--muted)}

/* ---------- Caixas (well) ---------- */
.well{background:var(--bg-alt);border:0;border-left:4px solid var(--green);border-radius:12px;box-shadow:var(--shadow)}
.well h4{color:var(--navy);font-weight:800}

/* ---------- Painéis (planos / dúvidas) ---------- */
.panel{border-radius:14px;border-color:var(--line);box-shadow:var(--shadow);overflow:hidden}
.panel-default>.panel-heading{background:var(--navy);border-color:var(--navy);color:#fff}
.panel-default>.panel-heading .panel-title,.panel-default>.panel-heading a{color:#fff;font-weight:800}
.panel-footer{background:#fff;border-top:1px solid var(--line)}
.panel-footer .lead{color:var(--navy);font-weight:900}
.panel ul li{color:#475263}
.panel:hover{box-shadow:0 18px 40px rgba(15,47,76,.16)}
/* coluna "Selecione um plano" não é cartão */
.panel[style*="border:none"]{box-shadow:none}
.panel[style*="border:none"]>.panel-heading{background:none!important;color:var(--navy)}
.panel[style*="border:none"]>.panel-heading .panel-title{color:var(--navy)}
/* destaque no plano do meio (Intermediário) */
@media (min-width:992px){
  .row > section > div:nth-child(3) > .panel{border:2px solid var(--green)}
  .row > section > div:nth-child(3) > .panel > .panel-heading{background:var(--green);border-color:var(--green)}
}

/* ---------- Tabelas ---------- */
.table>thead>tr>th{background:var(--navy);color:#fff;border-bottom:0;font-weight:700}
.table-striped>tbody>tr:nth-of-type(odd){background:var(--bg-alt)}
.table-hover>tbody>tr:hover{background:var(--green-soft)}
.glyphicon-ok-circle{color:var(--green)}
.table{border-radius:12px;overflow:hidden}

/* ---------- Formulários ---------- */
.form-control{border-radius:8px;border-color:#d1d5db;box-shadow:none;height:40px}
textarea.form-control{height:auto}
.form-control:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(63,161,74,.18)}
.input-group-addon{background:var(--bg-alt);border-color:#d1d5db;color:var(--navy)}
label{color:#3d4450}
label.error{color:#b91c1c}

/* ---------- Contato / atendimento ---------- */
.contato-info i{color:var(--green)}
.contato-info .row:nth-child(even) i{color:var(--blue)}
.contato-info strong{color:var(--navy)}

/* ---------- Alertas ---------- */
.alert{border-radius:10px}
.alert-success{background:var(--green-soft);border-color:#bfe3c3;color:var(--green-dark)}
.alert-info{background:var(--blue-soft);border-color:#c5def3;color:var(--blue-dark)}

/* ---------- Lista (menu mobile do rodapé) ---------- */
.list-group-item{border-color:rgba(255,255,255,.08)}

/* ---------- Rodapé ---------- */
#footer{background:var(--navy-3);color:#9fb4c7;padding:40px 0 20px;margin-top:40px;border-top:4px solid var(--green)}
#footer .well{background:transparent;border:0;box-shadow:none;border-radius:0}
#footer .text-disabled,#footer a.text-disabled{color:#9fb4c7!important}
#footer a{color:#cfe0ef}
#footer a:hover{color:#fff;text-decoration:none}
#footer .logo img{filter:brightness(0) invert(1);opacity:.85;max-height:60px}
#footer .list-group-item{background:transparent;color:#9fb4c7}
#footer .btn-link .fa{color:#cfe0ef}

/* ---------- Carregando ---------- */
.loading{background:rgba(15,47,76,.55)}
.loading-body{color:#fff}