/*
Theme Name: Advocacia Criativa
Theme URI: https://www.advocaciacriativa.com.br/
Author: Leandro Queiroz
Description: Tema institucional leve para Advocacia Criativa (Consumidor, Digital/LGPD, Condomínios e Previdenciário). Compatível com Elementor (Free).
Version: 1.0.2
License: GPLv2 or later
Text Domain: advocacia-criativa
*/

:root{
  --ac-azul:#6F9AA7;
  --ac-azul2:#7AA1AB;
  --ac-verde:#81A4AA;
  --ac-dourado:#CCB886;
  --ac-areia:#C2B18E;
  --ac-grafite:#494748;
  --ac-preto:#2E2E2E;
  --ac-claro:#DCDCD4;
  --ac-branco:#FFFFFF;
  --ac-radius:18px;
  --ac-shadow:0 12px 30px rgba(0,0,0,.08);
  --ac-max:1140px;
}

*{box-sizing:border-box}
body{
  margin:0;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Inter, Arial, sans-serif;
  color:var(--ac-preto);
  background:#fff;
  line-height:1.6;
}
a{color:inherit}
img{max-width:100%; height:auto}

.ac-container{max-width:var(--ac-max); margin:0 auto; padding:0 18px}

.ac-header{
  position:sticky; top:0; z-index:999;
  background:rgba(255,255,255,.92);
  backdrop-filter:saturate(120%) blur(10px);
  border-bottom:1px solid rgba(0,0,0,.06);
}
.ac-header-inner{
  display:flex; gap:14px; align-items:center; justify-content:space-between;
  padding:14px 0;
}
.ac-brand{display:flex; align-items:center; gap:12px; text-decoration:none; min-width: 180px}
.ac-brand img{width:44px; height:44px; object-fit:contain}
.ac-brand strong{font-size:18px; letter-spacing:.3px}

.ac-nav{display:block}
.ac-nav ul{list-style:none; padding:0; margin:0; display:flex; gap:18px; flex-wrap:wrap; align-items:center}
.ac-nav a{text-decoration:none; opacity:.9}
.ac-nav a:hover{opacity:1; text-decoration:underline}

.ac-cta{
  display:inline-flex; align-items:center; justify-content:center;
  padding:10px 14px;
  border-radius:999px;
  background:var(--ac-dourado);
  color:#1b1b1b;
  text-decoration:none;
  font-weight:600;
  box-shadow: var(--ac-shadow);
  white-space:nowrap;
}

/* Mobile menu button */
.ac-menu-btn{
  display:none;
  align-items:center;
  justify-content:center;
  width:44px; height:44px;
  border-radius:12px;
  border:1px solid rgba(0,0,0,.10);
  background:#fff;
  box-shadow: var(--ac-shadow);
}
.ac-menu-btn svg{width:22px; height:22px}
.ac-menu-btn:focus{outline:3px solid rgba(204,184,134,.5); outline-offset:2px}

/* Mobile behavior */
@media (max-width: 900px){
  .ac-header-inner{flex-wrap:wrap}
  .ac-cta{order:3; margin-left:auto}
  .ac-menu-btn{display:inline-flex; order:2}
  .ac-nav{order:4; width:100%}
  .ac-nav ul{
    display:none;
    flex-direction:column;
    align-items:stretch;
    gap:0;
    margin-top:10px;
    border:1px solid rgba(0,0,0,.08);
    border-radius:16px;
    overflow:hidden;
    background:rgba(255,255,255,.98);
    box-shadow: var(--ac-shadow);
  }
  .ac-nav li{width:100%}
  .ac-nav a{
    display:block;
    padding:14px 14px;
    border-bottom:1px solid rgba(0,0,0,.06);
  }
  .ac-nav li:last-child a{border-bottom:none}
  body.ac-menu-open .ac-nav ul{display:flex}
}

/* Hero */
.ac-hero{
  position:relative;
  padding:64px 0;
  overflow:hidden;
}
.ac-hero::before,
.ac-hero::after{pointer-events:none}
.ac-hero::before{
  content:"";
  position:absolute; inset:0;
  background-image:url("assets/img/banner-hero.png");
  background-size:cover;
  background-position:center;
  filter:saturate(115%);
  opacity:.22;
}
.ac-hero::after{
  content:"";
  position:absolute; inset:0;
  background:linear-gradient(90deg, rgba(111,154,167,.88), rgba(194,177,142,.78));
}
.ac-hero .ac-container{position:relative; z-index:1}
.ac-hero-card{
  max-width:740px;
  background:rgba(255,255,255,.92);
  border:1px solid rgba(0,0,0,.06);
  border-radius:var(--ac-radius);
  box-shadow: var(--ac-shadow);
  padding:26px 22px;
}
.ac-hero h1{margin:0 0 10px; font-size:34px; line-height:1.15}
.ac-hero p{margin:0 0 18px; font-size:16px; opacity:.92}
.ac-btnrow{display:flex; gap:12px; flex-wrap:wrap}
.ac-btn{
  display:inline-flex; align-items:center; justify-content:center;
  padding:11px 14px;
  border-radius:12px;
  text-decoration:none;
  font-weight:700;
  border:1px solid rgba(0,0,0,.10);
  background:#fff;
}
.ac-btn.primary{
  border-color:transparent;
  background:var(--ac-preto);
  color:#fff;
}

.ac-section{padding:42px 0}
.ac-section h2{margin:0 0 14px; font-size:26px}
.ac-grid{display:grid; grid-template-columns:repeat(12,1fr); gap:16px}
.ac-card{
  grid-column:span 6;
  background:#fff;
  border:1px solid rgba(0,0,0,.06);
  border-radius:var(--ac-radius);
  box-shadow: var(--ac-shadow);
  padding:18px;
}
@media (min-width:900px){
  .ac-card{grid-column:span 3}
}
.ac-card h3{margin:0 0 8px; font-size:18px}
.ac-card p{margin:0 0 12px; opacity:.92}
.ac-card a{font-weight:700; text-decoration:none}
.ac-card a:hover{text-decoration:underline}

.ac-split{display:grid; grid-template-columns:1fr; gap:18px}
@media (min-width:900px){
  .ac-split{grid-template-columns:1.2fr .8fr}
}
.ac-bullets{
  background:#fff;
  border:1px solid rgba(0,0,0,.06);
  border-radius:var(--ac-radius);
  box-shadow: var(--ac-shadow);
  padding:18px;
}
.ac-bullets ul{margin:0; padding-left:18px}
.ac-bullets li{margin:8px 0}

.ac-footer{
  padding:26px 0;
  background:#111;
  color:#eaeaea;
  margin-top:34px;
}
.ac-footer a{color:#fff}
.ac-footer small{opacity:.8}