/* ============================================================
   Graco e Amorim Advogados Associados — LP Direito Penal e Penal Militar
   Tema escuro com faixa de urgência.
   Acento no cobre da logo do cliente; Brygada 1918 (títulos) + Albert Sans (corpo),
   porque a Bodoni Moda do modelo já foi reprovada para este cliente.
   ============================================================ */

:root {
  --bg:      oklch(0.155 0.004 70);
  --bg-2:    oklch(0.195 0.006 70);
  --bg-3:    oklch(0.235 0.008 70);
  --gold:    oklch(0.745 0.095 62);
  --gold-2:  oklch(0.835 0.070 68);
  --red:     oklch(0.560 0.170 25);
  --red-2:   oklch(0.640 0.180 28);
  --text:    oklch(0.940 0.006 80);
  --muted:   oklch(0.730 0.010 80);
  --faint:   oklch(0.600 0.010 80);
  --line:    color-mix(in oklch, white 12%, transparent);
  --line-2:  color-mix(in oklch, white 7%, transparent);
  --wa:      #25D366;

  --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-5:24px; --sp-6:32px;
  --sp-7:48px; --sp-8:64px; --sp-9:96px; --sp-10:128px;
  --wrap: 1180px;
  --ease: cubic-bezier(0.16,1,0.3,1);
  --f-d: "Brygada 1918", Georgia, serif;
  --f-b: "Albert Sans", system-ui, sans-serif;
}

* { box-sizing:border-box; margin:0; padding:0; }
html { scroll-behavior:smooth; -webkit-text-size-adjust:100%; }
@media (prefers-reduced-motion:reduce){ html{scroll-behavior:auto;} }

body {
  font-family:var(--f-b);
  background:var(--bg);
  color:var(--text);
  line-height:1.65;
  font-size:clamp(1rem,0.97rem+0.15vw,1.06rem);
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
img{display:block;max-width:100%;height:auto;}
a{color:inherit;text-decoration:none;}
h1,h2,h3,.display{font-family:var(--f-d);font-weight:600;line-height:1.1;}

.wrap{width:min(100% - 2.5rem,var(--wrap));margin-inline:auto;}
.section{padding-block:3.5rem;padding-block:clamp(3.5rem, 2.6rem + 6vw, 7rem);}

.eyebrow{
  font-family:var(--f-b);font-size:0.76rem;font-weight:600;
  letter-spacing:0.26em;text-transform:uppercase;color:var(--gold);
  display:inline-flex;align-items:center;gap:0.7em;
}
.eyebrow::before{content:"";width:30px;height:1px;background:currentColor;opacity:0.8;}

.sec-head{max-width:60ch;margin-bottom:clamp(2.2rem,4vw,3.4rem);}
.sec-head h2{font-size:clamp(1.9rem,1.3rem+2.6vw,3.2rem);margin:1rem 0 0.8rem;}
.sec-head p{color:var(--muted);max-width:52ch;}

/* botões */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:0.6em;
  font-family:var(--f-b);font-weight:600;font-size:0.95rem;letter-spacing:0.01em;
  padding:0.95em 1.7em;border:1px solid transparent;border-radius:2px;cursor:pointer;
  transition:transform 0.4s var(--ease),background 0.3s,color 0.3s,border-color 0.3s;
}
.btn:hover{transform:translateY(-2px);}
.btn--wa{background:var(--wa);color:#fff;}
.btn--wa:hover{background:#2ee06f;}
.btn--gold{background:var(--gold);color:#1c1710;}
.btn--gold:hover{background:var(--gold-2);}
.btn--ghost{border-color:var(--line);color:var(--text);}
.btn--ghost:hover{border-color:var(--gold);color:var(--gold-2);}
.btn svg{width:1.15em;height:1.15em;}
.btn--wa svg{fill:#fff;}

/* ================= HERO ================= */
.hero{position:relative;min-height:100svh;display:flex;flex-direction:column;color:var(--text);overflow:hidden;}
.hero__bg{position:absolute;inset:0;z-index:0;}
.hero__bg img{width:100%;height:100%;object-fit:cover;object-position:60% 45%;filter:brightness(0.6) contrast(1.12);}
.hero__bg::after{
  content:"";position:absolute;inset:0;
  background:
    linear-gradient(180deg,color-mix(in oklch,var(--bg) 82%,transparent),transparent 30%),
    linear-gradient(75deg,var(--bg) 12%,color-mix(in oklch,var(--bg) 72%,transparent) 55%,color-mix(in oklch,var(--bg) 30%,transparent)),
    linear-gradient(0deg,var(--bg) 3%,transparent 45%);
}
.hero__brand{position:relative;z-index:2;padding:clamp(1.4rem,3vw,2.2rem) 0;}
.hero__brand b{font-family:var(--f-d);font-weight:600;font-size:1.15rem;letter-spacing:0.12em;display:block;}
.hero__brand span{font-size:0.62rem;letter-spacing:0.4em;color:var(--gold-2);}
.hero__inner{position:relative;z-index:1;width:min(100% - 2.5rem,var(--wrap));margin-inline:auto;margin-top:auto;padding-bottom:clamp(3rem,6vw,5.5rem);}
.hero__eyebrow{color:var(--gold-2);margin-bottom:1.6rem;}
.hero h1{font-size:clamp(2.5rem,1.5rem+4.4vw,5rem);max-width:16ch;margin-bottom:1.5rem;font-weight:600;}
.hero h1 em{font-style:italic;color:var(--gold-2);}
.hero__sub{max-width:54ch;color:var(--muted);font-size:clamp(1.02rem,0.98rem+0.3vw,1.2rem);margin-bottom:2.3rem;}
.hero__actions{display:flex;flex-wrap:wrap;gap:var(--sp-4);}

/* ================= FAIXA URGÊNCIA ================= */
.urgency{background:var(--red);color:#fff;position:relative;z-index:3;}
.urgency__in{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.2rem;padding-block:1.15rem;}
.urgency__txt{display:flex;align-items:center;gap:0.9rem;font-weight:600;letter-spacing:0.01em;}
.urgency__txt strong{font-family:var(--f-d);font-weight:600;letter-spacing:0.14em;text-transform:uppercase;font-size:0.95rem;white-space:nowrap;}
.urgency__txt span{color:rgba(255,255,255,0.9);font-weight:500;font-size:0.95rem;}
.urgency__pulse{width:10px;height:10px;border-radius:50%;background:#fff;flex:none;box-shadow:0 0 0 0 rgba(255,255,255,0.7);animation:pulse 2s infinite;}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(255,255,255,0.6);}70%{box-shadow:0 0 0 12px rgba(255,255,255,0);}100%{box-shadow:0 0 0 0 rgba(255,255,255,0);}}
.urgency__actions{display:flex;gap:0.7rem;flex:none;}
.urgency .btn{padding:0.7em 1.25em;font-size:0.88rem;}
.urgency .btn--ghost{border-color:rgba(255,255,255,0.55);color:#fff;}
.urgency .btn--ghost:hover{background:rgba(255,255,255,0.12);border-color:#fff;color:#fff;}

/* ================= ÁREAS ================= */
.areas{background:var(--bg);}
.areas__grid{
  display:grid;grid-template-columns:repeat(3,1fr);
  gap:1px;background:var(--line-2);border:1px solid var(--line-2);
}
.area{background:var(--bg);padding:clamp(1.6rem,2.4vw,2.4rem);transition:background 0.4s var(--ease);position:relative;}
.area:hover{background:var(--bg-2);}
.area__ic{width:40px;height:40px;color:var(--gold);margin-bottom:1.3rem;}
.area__ic svg{width:100%;height:100%;stroke:var(--gold);fill:none;stroke-width:1.4;}
.area__num{position:absolute;top:clamp(1.4rem,2.2vw,2.1rem);right:clamp(1.4rem,2.2vw,2.1rem);font-family:var(--f-d);font-size:1rem;color:var(--faint);letter-spacing:0.05em;}
.area h3{font-size:1.3rem;margin-bottom:0.7rem;font-weight:600;}
.area p{color:var(--muted);font-size:0.96rem;}

/* ================= ADVOGADO ================= */
.lawyer{background:var(--bg-2);}
.lawyer__grid{display:grid;grid-template-columns:0.85fr 1fr;gap:clamp(2.5rem,5vw,5rem);align-items:center;}
.lawyer__photo{position:relative;aspect-ratio:3/3.7;max-height:600px;overflow:hidden;border-radius:2px;background:linear-gradient(160deg,var(--bg-3),var(--bg));display:grid;place-items:center;}
.lawyer__photo img{width:100%;height:100%;object-fit:cover;object-position:50% 25%;}
.lawyer__ph{display:flex;flex-direction:column;align-items:center;gap:1rem;color:var(--faint);text-align:center;padding:2rem;}
.lawyer__ph .mono{font-family:var(--f-d);font-size:3rem;color:var(--gold);letter-spacing:0.1em;border:1px solid var(--line);border-radius:50%;width:100px;height:100px;display:grid;place-items:center;}
.lawyer__ph small{font-size:0.78rem;letter-spacing:0.06em;max-width:22ch;}
.lawyer__frame{position:absolute;inset:12px;border:1px solid var(--gold);opacity:0.4;pointer-events:none;}
.lawyer h2{font-size:clamp(1.8rem,1.3rem+2vw,2.8rem);margin:1rem 0 0.4rem;font-weight:600;}
.lawyer__role{color:var(--gold-2);font-size:0.95rem;letter-spacing:0.02em;margin-bottom:1.4rem;}
.lawyer__text p{color:var(--muted);margin-bottom:1.1rem;max-width:56ch;}
.lawyer__creds{display:flex;flex-wrap:wrap;gap:2rem;margin-top:1.8rem;padding-top:1.6rem;border-top:1px solid var(--line);}
.lawyer__creds dt{font-size:0.72rem;letter-spacing:0.16em;text-transform:uppercase;color:var(--faint);margin-bottom:0.3em;}
.lawyer__creds dd{font-family:var(--f-d);font-size:1.15rem;color:var(--text);}

/* ================= EQUIPE E ESCRITÓRIO (BASE: HOME) ================= */
.lp-team{background:var(--bg-2);}
.lp-team .sec-head{margin-bottom:48px;}
.lp-team .sec-head h2,.lp-office h2{font-size:clamp(2rem, 3.6vw, 3rem);}
.lp-team__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px;}
.lp-team__photo{position:relative;aspect-ratio:3/4;overflow:hidden;background:var(--bg-3);border-radius:2px;}
.lp-team__photo img{width:100%;height:100%;object-fit:cover;object-position:center top;transition:transform 0.6s var(--ease);}
.lp-team__member:hover img{transform:scale(1.04);}
.lp-team__photo--empty{display:flex;align-items:center;justify-content:center;border:1px solid var(--line);}
.lp-team__mono{font-family:var(--f-d);font-size:2.6rem;color:var(--gold);}
.lp-team__soon{position:absolute;bottom:16px;left:8px;right:8px;text-align:center;font-size:0.68rem;letter-spacing:0.16em;text-transform:uppercase;color:var(--muted);}
.lp-team__member h3{font-size:1.42rem;color:var(--text);margin-top:18px;line-height:1.2;}
.lp-team__member>p{font-size:0.86rem;color:var(--gold-2);letter-spacing:0.04em;margin-top:3px;}
.lp-office{background:var(--bg);border-bottom:1px solid var(--line-2);}
.lp-office__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(40px,6vw,86px);align-items:center;}
.lp-office h2{margin-top:1rem;color:var(--text);}
.lp-office__rule{display:block;width:56px;height:2px;background:var(--gold);margin:26px 0;}
.lp-office__text>p:not(.eyebrow){color:var(--muted);margin-bottom:1.1em;text-align:justify;text-justify:inter-word;}
.lp-office__link{display:inline-flex;align-items:center;gap:9px;min-height:44px;margin-top:8px;color:var(--gold-2);font-weight:600;font-size:0.95rem;letter-spacing:0.02em;}
.lp-office__link:hover{color:var(--text);}
.lp-office__link svg{width:16px;height:16px;flex:none;transition:transform 0.25s var(--ease);}
.lp-office__link:hover svg{transform:translateX(5px);}
.lp-office__figure{position:relative;isolation:isolate;margin-bottom:22px;}
.lp-office__figure::after{content:"";position:absolute;border:1px solid var(--gold);inset:22px 22px -22px -22px;z-index:-1;opacity:0.55;}
.lp-office__carousel{position:relative;overflow:hidden;width:100%;aspect-ratio:4/5;background:var(--bg-3);border-radius:2px;}
.lp-office__slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top;opacity:0;transition:opacity 1s var(--ease);}
.lp-office__slide.is-active{opacity:1;}
.lp-office__link:focus-visible{outline:2px solid var(--gold-2);outline-offset:4px;}
@media(max-width:960px){
  .lp-team__grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .lp-office__grid{grid-template-columns:1fr;gap:44px;}
  .lp-office__figure{order:-1;max-width:460px;width:calc(100% - 16px);margin-bottom:16px;}
  .lp-office__figure::after{inset:16px -16px -16px 16px;}
}
@media(max-width:560px){
  .lp-team__grid{gap:28px 16px;}
  .lp-team__member h3{font-size:1.25rem;}
  .lp-office__text>p:not(.eyebrow){hyphens:auto;}
}
@media(prefers-reduced-motion:reduce){
  .lp-team__photo img,.lp-office__slide,.lp-office__link svg{transition:none;}
  .lp-team__member:hover img,.lp-office__link:hover svg{transform:none;}
}

/* ================= DIFERENCIAIS ================= */
.why{position:relative;background:var(--bg);}
.why__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line-2);border:1px solid var(--line-2);margin-top:clamp(2rem,4vw,3rem);}
.why__item{background:var(--bg);padding:clamp(1.6rem,2.6vw,2.6rem);display:flex;gap:1.2rem;align-items:flex-start;}
.why__item .ic{width:34px;height:34px;flex:none;color:var(--gold);}
.why__item .ic svg{width:100%;height:100%;stroke:var(--gold);fill:none;stroke-width:1.4;}
.why__item h3{font-size:1.2rem;margin-bottom:0.5rem;font-weight:600;}
.why__item p{color:var(--muted);font-size:0.95rem;}

/* ================= FAQ ================= */
.faq{background:var(--bg-2);}
.faq__list{max-width:820px;margin-inline:auto;border-top:1px solid var(--line);}
.faq__item{border-bottom:1px solid var(--line);}
.faq__q{width:100%;text-align:left;background:none;border:0;cursor:pointer;color:var(--text);
  font-family:var(--f-b);font-size:clamp(1.02rem,0.98rem+0.3vw,1.18rem);font-weight:600;
  padding:1.4rem 3rem 1.4rem 0;position:relative;display:flex;}
.faq__q::after{content:"";position:absolute;right:0.4rem;top:50%;width:12px;height:12px;
  border-right:2px solid var(--gold);border-bottom:2px solid var(--gold);
  transform:translateY(-60%) rotate(45deg);transition:transform 0.4s var(--ease);}
.faq__item.open .faq__q::after{transform:translateY(-30%) rotate(225deg);}
.faq__a{display:grid;grid-template-rows:0fr;transition:grid-template-rows 0.45s var(--ease);}
.faq__a>div{overflow:hidden;}
.faq__item.open .faq__a{grid-template-rows:1fr;}
.faq__a p{color:var(--muted);padding-bottom:1.5rem;max-width:70ch;}

/* ================= CTA FINAL ================= */
.cta{position:relative;background:var(--bg);text-align:center;overflow:hidden;}
.cta__bg{position:absolute;inset:0;z-index:0;}
.cta__bg img{width:100%;height:100%;object-fit:cover;filter:grayscale(0.4) brightness(0.32);}
.cta__bg::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 40%,transparent,var(--bg) 78%);}
.cta__in{position:relative;z-index:1;max-width:44ch;margin-inline:auto;}
.cta h2{font-size:clamp(2rem,1.4rem+3vw,3.6rem);margin-bottom:1rem;font-weight:600;}
.cta h2 em{font-style:italic;color:var(--gold-2);}
.cta p{color:var(--muted);margin-bottom:2rem;}

/* ================= CONTATO ================= */
.contato{background:var(--bg-2);}
.contato__grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2.5rem,5vw,5rem);align-items:stretch;}
.contato h2{font-size:clamp(1.9rem,1.3rem+2.4vw,3.2rem);margin:1rem 0 0.9rem;font-weight:600;}
.contato__intro{color:var(--muted);max-width:42ch;margin-bottom:2.2rem;}
.contato__list{list-style:none;display:grid;gap:1.4rem;margin-bottom:2.2rem;}
.contato__list li{display:grid;grid-template-columns:auto 1fr;gap:1rem;align-items:start;}
.contato__list .ic{width:42px;height:42px;flex:none;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;color:var(--gold);}
.contato__list .ic svg{width:18px;height:18px;}
.contato__list dt{font-size:0.72rem;letter-spacing:0.16em;text-transform:uppercase;color:var(--faint);margin-bottom:0.15em;}
.contato__list dd{font-size:1.05rem;color:var(--text);}
.contato__list a:hover{color:var(--gold-2);}
.contato__map{border-radius:2px;overflow:hidden;min-height:340px;border:1px solid var(--line);filter:grayscale(0.5) contrast(1.05) brightness(0.9);}
.contato__map iframe{width:100%;height:100%;min-height:340px;border:0;display:block;}

/* ================= FOOTER ================= */
.site-footer{background:var(--bg);color:var(--faint);padding-block:clamp(2.8rem,5vw,4rem);border-top:1px solid var(--line-2);}
.footer__top{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1.5rem;padding-bottom:2rem;border-bottom:1px solid var(--line-2);margin-bottom:1.6rem;}
.footer__brand b{font-family:var(--f-d);font-size:1.3rem;letter-spacing:0.1em;color:var(--text);display:block;}
.footer__brand span{font-size:0.62rem;letter-spacing:0.34em;color:var(--gold-2);}
.footer__contact{text-align:right;font-size:0.9rem;line-height:1.9;}
.footer__contact a:hover{color:var(--gold-2);}
.footer__legal{font-size:0.8rem;line-height:1.7;display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem;}
.footer__legal p{max-width:74ch;}
.footer__legal a{color:var(--gold-2);}

/* ================= WHATSAPP FLOAT ================= */
.wa-float{position:fixed;right:clamp(1rem,3vw,1.8rem);bottom:clamp(1rem,3vw,1.8rem);z-index:80;
  display:inline-flex;align-items:center;gap:0.6em;background:var(--wa);color:#fff;font-family:var(--f-b);
  font-weight:600;font-size:0.9rem;padding:0.62em 1.15em 0.62em 1.3em;border-radius:100px;
  box-shadow:0 8px 22px rgba(6,80,40,0.5),0 2px 6px rgba(0,0,0,0.25);
  transition:transform 0.4s var(--ease),box-shadow 0.4s,background 0.3s;}
.wa-float:hover{transform:translateY(-3px);background:#2ee06f;box-shadow:0 14px 32px rgba(6,80,40,0.55);}
.wa-float .wa-ic{display:grid;place-items:center;width:2em;height:2em;border-radius:50%;background:rgba(255,255,255,0.22);flex:none;}
.wa-float .wa-ic svg{width:1.15em;height:1.15em;fill:#fff;}

/* ================= REVEAL ================= */
.reveal{opacity:0;transform:translateY(26px);transition:opacity 0.9s var(--ease),transform 0.9s var(--ease);}
.reveal.in{opacity:1;transform:none;}
.reveal[data-delay="1"]{transition-delay:0.08s;}
.reveal[data-delay="2"]{transition-delay:0.16s;}
.reveal[data-delay="3"]{transition-delay:0.24s;}
@media (prefers-reduced-motion:reduce){.reveal{opacity:1!important;transform:none!important;}.urgency__pulse{animation:none;}}

/* ================= RESPONSIVO ================= */
@media (max-width:900px){
  .areas__grid{grid-template-columns:repeat(2,1fr);}
  .lawyer__grid,.contato__grid,.why__grid{grid-template-columns:1fr;}
  .lawyer__photo{max-height:480px;}
}
@media (max-width:600px){
  .areas__grid{grid-template-columns:1fr;}
  .urgency__in{flex-direction:column;align-items:flex-start;gap:0.9rem;}
  .urgency__txt{display:grid;grid-template-columns:10px minmax(0,1fr);gap:0.5rem 0.75rem;width:100%;min-width:0;align-items:start;}
  .urgency__pulse{margin-top:0.4rem;}
  .urgency__txt strong{white-space:normal;letter-spacing:0.08em;line-height:1.5;}
  .urgency__txt>span:not(.urgency__pulse){grid-column:2;line-height:1.6;}
  .urgency__actions{width:100%;}
  .urgency .btn{flex:1;}
  .footer__top{flex-direction:column;}
  .footer__contact{text-align:left;}
  .wa-float .wa-label{display:none;}
  .wa-float{padding:0.7em;gap:0;}
  .wa-float .wa-ic{background:transparent;width:2.3em;height:2.3em;}
  .wa-float .wa-ic svg{width:1.75em;height:1.75em;}
  .hero__bg img{object-position:64% 42%;filter:brightness(0.64) contrast(1.1);}
}

/* ================= AJUSTES GRACO E AMORIM ================= */
.hero__logo{width:clamp(230px,24vw,330px);height:auto;}
.hero h1{max-width:22ch;}
.hero__bg img{object-position:50% 50%;filter:brightness(0.74) contrast(1.08);}
/* o Elevador Lacerda fica à esquerda da foto, atrás do texto: degradê mais aberto que o do modelo */
.hero__bg::after{background:
  linear-gradient(180deg,color-mix(in oklch,var(--bg) 70%,transparent),transparent 28%),
  linear-gradient(75deg,color-mix(in oklch,var(--bg) 88%,transparent) 8%,color-mix(in oklch,var(--bg) 55%,transparent) 50%,color-mix(in oklch,var(--bg) 15%,transparent)),
  linear-gradient(0deg,var(--bg) 2%,transparent 40%);}
.areas__grid--4{grid-template-columns:repeat(2,1fr);}
.lp-team__grid--3{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;}
.lp-team__photo img{object-position:center 18%;}
.lp-office__carousel img{width:100%;height:100%;object-fit:cover;}
.footer__logo{width:200px;height:auto;}
.footer__online,.contato__online{display:inline-flex;align-items:center;gap:.55em;color:var(--gold-2);font-weight:600;}
.footer__online svg,.contato__online svg{width:1.05em;height:1.05em;flex:none;}
.contato__online{margin:0 0 1.6rem;}
@media (max-width:860px){.lp-team__grid--3{grid-template-columns:1fr;max-width:420px;margin-inline:auto;}}
@media (max-width:760px){.areas__grid--4{grid-template-columns:1fr;}}
/* no celular a frase da faixa vai para a linha de baixo (no modelo ela vaza 26px em 375px) */
@media (max-width:640px){.urgency__txt{flex-wrap:wrap;row-gap:.35rem;}.urgency__txt span:last-child{flex-basis:100%;}}
@media (max-width:600px){.hero__bg img{filter:brightness(0.6) contrast(1.08);}}