/* ============================
   Tema Site Advogado — v2 (cores da logo)
   Colar em: public/assets/css/style.css
   ============================ */
:root{
  --brand-primary: #09134C;   /* azul marinho */
  --brand-dark:    #020417;   /* fundo mais escuro */
  --brand-accent:  #EC9D37;   /* laranja/dourado */
  --brand-white:   #FDFDFD;
  --brand-muted:   #6B7280;
  --ring: rgba(236,157,55,.35);
  --border: rgba(2,4,23,.10);
  --shadow: 0 10px 30px rgba(2,4,23,.18);
}

body{
  font-family: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans";
}

/* ---------- Navbar ---------- */
.navbar{
  backdrop-filter: saturate(180%) blur(12px);
  box-shadow: 0 1px 0 rgba(255,255,255,.06), 0 8px 20px rgba(2,4,23,.06);
}
[data-bs-theme="light"] .navbar{
  background: linear-gradient(90deg, var(--brand-dark), var(--brand-primary)) !important;
}
[data-bs-theme="dark"] .navbar{
  background: #0b0f2b !important;
}
.navbar .navbar-brand,
.navbar .nav-link{
  color: rgba(255,255,255,.9) !important;
}
.navbar .nav-link:hover,
.navbar .nav-link.active{
  color: var(--brand-accent) !important;
}

/* ---------- Hero / Destaques ---------- */
.hero-modern{
  background:
    radial-gradient(1200px 600px at 10% 10%, rgba(15,107,255,.12), transparent 60%),
    radial-gradient(1200px 600px at 90% 10%, rgba(0,194,255,.10), transparent 60%),
    linear-gradient(180deg, #0b1035 0%, #0a0e2a 100%);
  color: var(--brand-white);
}

/* COR TEXTO TOPO SITE */
.gradient-text{
  background: linear-gradient(45deg, #e67e22, #ffffff);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.hero-card{
  border: 1px solid var(--border);
  border-radius: .9rem;
  box-shadow: var(--shadow);
}

/* ---------- Cards / Utilidades ---------- */
.card{ border-radius: .9rem; border: 1px solid var(--border); }
.soft-shadow{ box-shadow: var(--shadow); }
.feature{
  border: 1px solid var(--border);
  border-radius: .9rem;
  transition: transform .2s ease, box-shadow .2s ease;
}
.feature:hover{ transform: translateY(-2px); box-shadow: 0 10px 22px rgba(0,0,0,.10); }

/* COR TEXTO Atuação estratégica e transparente */
.badge-light{  color:#ffffff; }

/* ---------- Botões ---------- */
.btn{ border-radius: .6rem; }
.btn-primary{
  background: var(--brand-accent);
  border-color: var(--brand-accent);
  color: #111;
}
.btn-primary:hover,
.btn-primary:focus{
  background: #d88925; /* 15% mais escuro */
  border-color: #d88925;
  color: #111;
}
.btn-outline-primary{
  color: var(--brand-accent);
  border-color: var(--brand-accent);
}
.btn-outline-primary:hover,
.btn-outline-primary:focus{
  background: var(--brand-accent);
  border-color: var(--brand-accent);
  color: #111;
}

/* ---------- Links ---------- */
a{ color: var(--brand-accent); }
a:hover{ color: #f0ae57; }

/* ---------- Formulários ---------- */
.form-control, .form-select{ border-radius: .6rem; }
.form-control:focus, .form-select:focus, .btn:focus{
  border-color: var(--brand-accent) !important;
  box-shadow: 0 0 0 .25rem var(--ring) !important;
  outline: none;
}

/* ---------- Tabelas ---------- */
.table thead th{ border-bottom: 1px solid var(--border) !important; }
.table td, .table th{ border-color: var(--border) !important; }

/* ---------- Faixa CTA ---------- */
.cta-strip{
  background: linear-gradient(90deg, rgba(9,19,76,.10), rgba(2,4,23,.10));
  border: 1px dashed var(--border);
  border-radius: .9rem;
}

/* ---------- Rodapé ---------- */
footer{
  color: #cbd5e1;
}
footer .link-secondary:hover{ color: var(--brand-accent) !important; }

/* ---------- Botão flutuante WhatsApp ---------- */
.float-whats{
  width: 54px; height: 54px; display: inline-flex; align-items: center; justify-content: center;
  box-shadow: 0 12px 24px rgba(16,185,129,.35), 0 2px 8px rgba(0,0,0,.18);
}

/* ---------- Ajustes modo escuro ---------- */
[data-bs-theme="dark"] body{ background-color: #0b0f2b; }
[data-bs-theme="dark"] .card,
[data-bs-theme="dark"] .soft-shadow{ background:#0f1537; border-color: rgba(255,255,255,.06); }
[data-bs-theme="dark"] .feature{ background:#0f1537; border-color: rgba(255,255,255,.06); }
[data-bs-theme="dark"] .hero-card{ background:#0f1537; border-color: rgba(255,255,255,.06); }
[data-bs-theme="dark"] .table{ color: #e5e7eb; }
[data-bs-theme="dark"] .cta-strip{ border-color: rgba(255,255,255,.10); }

.feature i{
  color: #EC9D37 !important;
}

/* imagem do hero no lugar do formulário */
.hero-photo{
  display:block;
  width:100%;
  height:auto;                 /* mantém proporção */
  border-radius:.9rem;
  border:1px solid var(--border);
  box-shadow: var(--shadow);
}

/* opcional: cortar em altura fixa com crop elegante */
@media (min-width: 992px){
  .hero-photo{
    height: 420px;
    object-fit: cover;         /* centraliza e corta sem distorcer */
  }
}