/* =====================================================================
   LUCAS SEMIM — DESIGN V2 PARA PÁGINAS INTERNAS
   Hubs, artigos "O que fazer agora" e páginas de cidade.
   Camada por cima do CSS de cada página: não troca textos nem estrutura.
   Depende de: lucas-v2.css (tokens --v2-*), carregado antes.
   ===================================================================== */
:root{
  --v2-gold:#d4af37; --v2-gold-hi:#f6e7a6; --v2-gold-lo:#9a7a16;
  --v2-ink:#050505; --v2-red:#e5322d; --v2-green:#25d366;
  --v2-line:rgba(212,175,55,.22); --v2-ease:cubic-bezier(.2,.7,.2,1);
}
html{scroll-behavior:smooth}
::selection{background:var(--v2-gold);color:#000}

/* ---------- barra de progresso de leitura ---------- */
.v2p-progress{position:fixed;top:0;left:0;height:3px;width:100%;z-index:99999;pointer-events:none;
  background:linear-gradient(90deg,var(--v2-gold-lo),var(--v2-gold-hi),var(--v2-gold));
  transform-origin:0 50%;transform:scaleX(0);box-shadow:0 0 12px rgba(212,175,55,.7)}

/* ---------- revelar ao rolar (só abaixo da dobra) ---------- */
.v2p-reveal{opacity:0;transform:translateY(22px);
  transition:opacity .7s var(--v2-ease),transform .7s var(--v2-ease);transition-delay:var(--v2-d,0s)}
.v2p-reveal.v2p-in{opacity:1;transform:none}

/* ---------- selos de confiança (injetados) ---------- */
.v2p-chips{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 22px;padding:0;list-style:none}
.v2p-chips li{display:inline-flex;align-items:center;gap:7px;padding:6px 11px;border-radius:50px;
  font:700 .68rem/1 'Lato',sans-serif;letter-spacing:1px;text-transform:uppercase;color:#f2e7b8;
  background:rgba(212,175,55,.08);border:1px solid var(--v2-line);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.v2p-chips li i{color:var(--v2-gold)}
.v2p-chips li.live i{color:var(--v2-green);animation:v2pBlink 1.6s ease-in-out infinite}
@keyframes v2pBlink{50%{opacity:.25}}

/* ---------- bloco "Central do Caso" (injetado) ---------- */
.v2p-cc{position:relative;margin:26px 0 34px;padding:22px 20px 20px;border-radius:16px;overflow:hidden;
  background:linear-gradient(160deg,rgba(212,175,55,.13),rgba(10,10,10,.96) 55%);
  border:1px solid rgba(212,175,55,.45);box-shadow:0 18px 50px rgba(0,0,0,.55),0 0 0 1px rgba(212,175,55,.06) inset}
.v2p-cc::before{content:"";position:absolute;inset:-40% -10% auto auto;width:60%;height:140%;pointer-events:none;
  background:radial-gradient(closest-side,rgba(212,175,55,.22),transparent);}
.v2p-cc-kicker{position:relative;font:600 .95rem/1 'Teko',sans-serif;letter-spacing:2.5px;text-transform:uppercase;color:var(--v2-gold);margin:0 0 6px}
.v2p-cc-title{position:relative;font:600 clamp(1.7rem,5.4vw,2.35rem)/1.05 'Teko',sans-serif;text-transform:uppercase;letter-spacing:.5px;color:#fff;margin:0 0 6px}
.v2p-cc-sub{position:relative;margin:0 0 16px;color:#cfcfcf;font-size:.95rem;line-height:1.5;max-width:60ch}
.v2p-cc-grid{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.v2p-cc-btn{display:flex;flex-direction:column;gap:3px;padding:14px 14px 13px;border-radius:12px;text-decoration:none!important;
  background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.16);color:#fff!important;
  transition:transform .25s var(--v2-ease),border-color .25s,background .25s}
.v2p-cc-btn b{font:600 1.3rem/1.05 'Teko',sans-serif;letter-spacing:.8px;text-transform:uppercase;display:flex;align-items:center;gap:8px}
.v2p-cc-btn span{font-size:.8rem;color:#bdbdbd;line-height:1.35}
.v2p-cc-btn:hover{transform:translateY(-3px);border-color:var(--v2-gold);background:rgba(212,175,55,.1)}
.v2p-cc-btn.urg{background:linear-gradient(135deg,#f6e7a6,#d4af37 48%,#b8901f);border:0;color:#111!important;
  box-shadow:0 12px 32px rgba(212,175,55,.35);animation:v2pPulse 2.4s ease-in-out infinite;position:relative;overflow:hidden}
.v2p-cc-btn.urg span{color:#2b2208}
.v2p-cc-btn.urg::after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:40%;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.4),transparent);transform:skewX(-20deg);animation:v2pSweep 3.8s ease-in-out infinite}
.v2p-cc-btn.urg:hover{background:linear-gradient(135deg,#f6e7a6,#d4af37 48%,#b8901f);transform:translateY(-3px) scale(1.01)}
@keyframes v2pPulse{0%,100%{box-shadow:0 12px 32px rgba(212,175,55,.35),0 0 0 0 rgba(212,175,55,.5)}50%{box-shadow:0 12px 32px rgba(212,175,55,.35),0 0 0 12px rgba(212,175,55,0)}}
@keyframes v2pSweep{0%,55%{left:-60%}100%{left:130%}}
.v2p-cc-foot{position:relative;margin:14px 0 0;font-size:.78rem;color:#9a9a9a;display:flex;flex-wrap:wrap;gap:6px 16px}
.v2p-cc-foot i{color:var(--v2-gold);margin-right:5px}
@media(max-width:640px){.v2p-cc-grid{grid-template-columns:1fr}.v2p-cc-btn{flex-direction:row;align-items:center;justify-content:space-between}
  .v2p-cc-btn span{display:none}.v2p-cc{padding:20px 16px 18px}}

/* =====================================================================
   ARTIGOS + HUB "O QUE FAZER AGORA"
   ===================================================================== */
body:has(.container-urgency){
  background:
    radial-gradient(70% 38% at 90% 0,rgba(212,175,55,.10),transparent 60%),
    radial-gradient(50% 30% at 0 38%,rgba(229,50,45,.06),transparent 60%),
    #050505;
}
.container-urgency{max-width:880px}
.breadcrumb-custom{font-size:.8rem;letter-spacing:.3px}
.breadcrumb-custom span{color:#bdbdbd}

.h1-urgency{
  font-family:'Playfair Display',serif;font-size:clamp(1.85rem,6.2vw,2.9rem);line-height:1.12;text-wrap:balance;
  background:linear-gradient(100deg,#fff 0%,#fff 38%,var(--v2-gold-hi) 52%,#fff 66%,#fff 100%);background-size:240% 100%;
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;
  animation:v2pShimmer 7s linear infinite;filter:drop-shadow(0 6px 24px rgba(0,0,0,.7))}
@keyframes v2pShimmer{to{background-position:-240% 0}}
.lead-urgency{font-size:1.1rem;color:#dcdcdc;border-left:3px solid var(--v2-gold);padding-left:14px;line-height:1.6}

/* resposta imediata */
.urgent-box{position:relative;overflow:hidden;border-radius:16px;border:1px solid rgba(212,175,55,.65);
  background:linear-gradient(135deg,rgba(212,175,55,.16),rgba(12,12,12,.97) 70%);
  box-shadow:0 18px 50px rgba(0,0,0,.55),0 0 36px rgba(212,175,55,.12)}
.urgent-box::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;
  background:linear-gradient(180deg,var(--v2-gold-hi),var(--v2-gold-lo))}
.urgent-box h2{font-size:1.45rem;letter-spacing:2px}
.urgent-box .deadline-alert{background:rgba(229,50,45,.1);border:1px solid rgba(229,50,45,.4);border-radius:10px;padding:10px 12px;
  color:#ffd9d6;border-top:1px solid rgba(229,50,45,.4)}

/* faixa do advogado */
.trust-badge-compact{border-radius:14px;background:linear-gradient(135deg,#121212,#0a0a0a);
  border:1px solid var(--v2-line);border-left:4px solid var(--v2-gold);box-shadow:0 10px 30px rgba(0,0,0,.4)}
.trust-badge-compact img{box-shadow:0 0 0 4px rgba(212,175,55,.15),0 0 22px rgba(212,175,55,.35)}

/* seletor / cards */
.age-card{border-radius:14px;border:1px solid rgba(255,255,255,.12);
  background:linear-gradient(160deg,#141414,#0a0a0a);transition:transform .3s var(--v2-ease),border-color .3s,box-shadow .3s}
.age-card:hover{transform:translateY(-4px);border-color:var(--v2-gold);box-shadow:0 16px 38px rgba(212,175,55,.18)}
.age-card h4{font-family:'Teko',sans-serif;letter-spacing:1px;color:var(--v2-gold)}

/* títulos de seção */
.section-title-urgency{font-family:'Teko',sans-serif!important;font-weight:600;font-size:clamp(1.55rem,5vw,2.1rem);
  letter-spacing:1.2px;text-transform:uppercase;color:#fff;margin:38px 0 16px;display:flex;align-items:center;gap:12px;text-wrap:balance}
.section-title-urgency::before{content:"";flex:0 0 5px;align-self:stretch;min-height:1.2em;border-radius:3px;
  background:linear-gradient(180deg,var(--v2-gold-hi),var(--v2-gold-lo))}

/* checklist */
.check-item-urgency{border-radius:14px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(160deg,#131313,#0b0b0b);
  transition:transform .3s var(--v2-ease),border-color .3s}
.check-item-urgency:hover{transform:translateX(4px);border-color:var(--v2-line)}
.check-number-urgency{font-family:'Teko',sans-serif;font-weight:600;
  background:linear-gradient(135deg,var(--v2-gold-hi),var(--v2-gold) 55%,var(--v2-gold-lo));color:#111!important;
  box-shadow:0 0 0 4px rgba(212,175,55,.14),0 6px 18px rgba(212,175,55,.35)}
.check-content-urgency h4{font-family:'Playfair Display',serif;color:#fff}

/* corpo do texto */
.content-body p,.content-body li{line-height:1.75;font-size:1.04rem;color:#dedede}
.content-body a{color:var(--v2-gold-hi);text-decoration-color:rgba(212,175,55,.5);text-underline-offset:3px}
.content-body a:hover{color:#fff}
.warning-box{border-radius:14px;background:linear-gradient(135deg,rgba(229,50,45,.14),rgba(12,12,12,.96) 70%);
  border:1px solid rgba(229,50,45,.5);box-shadow:0 12px 34px rgba(229,50,45,.12)}

/* FAQ */
.faq-item-urgency{border-radius:14px;overflow:hidden;border:1px solid rgba(255,255,255,.1);background:#0d0d0d;transition:border-color .3s,box-shadow .3s}
.faq-item-urgency.active{border-color:var(--v2-gold);box-shadow:0 10px 30px rgba(212,175,55,.14)}
.faq-question-urgency{min-height:56px}

/* HUB: cartões de guia */
.guide-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}
.guide-card{position:relative;display:flex;flex-direction:column;gap:6px;padding:18px 18px 16px;border-radius:16px;overflow:hidden;
  background:linear-gradient(160deg,#141414,#090909);border:1px solid rgba(255,255,255,.12);text-decoration:none!important;
  transition:transform .3s var(--v2-ease),border-color .3s,box-shadow .3s}
.guide-card::after{content:"";position:absolute;right:-30px;top:-30px;width:110px;height:110px;border-radius:50%;
  background:radial-gradient(closest-side,rgba(212,175,55,.2),transparent);opacity:0;transition:opacity .3s}
.guide-card:hover{transform:translateY(-5px);border-color:var(--v2-gold);box-shadow:0 18px 44px rgba(212,175,55,.2)}
.guide-card:hover::after{opacity:1}
.guide-tag{align-self:flex-start;font:700 .72rem/1 'Lato',sans-serif;letter-spacing:1.5px;text-transform:uppercase;
  padding:5px 10px;border-radius:50px;color:#111;background:linear-gradient(135deg,var(--v2-gold-hi),var(--v2-gold))}
.guide-card h3{font-family:'Playfair Display',serif;color:#fff;font-size:1.12rem;line-height:1.3;margin:4px 0 0}
.guide-arrow{margin-top:auto;padding-top:8px;color:var(--v2-gold);font-weight:700;font-size:.85rem;letter-spacing:.5px}
.guide-card:hover .guide-arrow{color:var(--v2-gold-hi)}
.v2p-search{position:relative;margin:0 0 18px}
.v2p-search input{width:100%;padding:15px 16px 15px 46px;border-radius:14px;border:1px solid var(--v2-line);background:#0d0d0d;color:#fff;font:400 1rem 'Lato',sans-serif}
.v2p-search input:focus{outline:2px solid var(--v2-gold);outline-offset:2px;border-color:var(--v2-gold)}
.v2p-search i{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--v2-gold)}
.v2p-empty{display:none;padding:18px;border:1px dashed var(--v2-line);border-radius:14px;color:#cfcfcf;margin:6px 0 0}
.v2p-empty a{color:var(--v2-gold-hi)}

/* sticky mobile CTA duplo */
.sticky-cta-urgency{display:flex!important;gap:8px;align-items:stretch;padding:10px 12px calc(10px + env(safe-area-inset-bottom));
  background:linear-gradient(180deg,rgba(5,5,5,0),rgba(5,5,5,.94) 28%);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.sticky-cta-urgency .btn-whatsapp-urgency{flex:1 1 auto;border-radius:12px;box-shadow:0 10px 28px rgba(37,211,102,.35);animation:v2pPulseG 2.6s ease-in-out infinite}
@keyframes v2pPulseG{0%,100%{box-shadow:0 10px 28px rgba(37,211,102,.35),0 0 0 0 rgba(37,211,102,.5)}50%{box-shadow:0 10px 28px rgba(37,211,102,.35),0 0 0 11px rgba(37,211,102,0)}}
.v2p-sticky-cc{flex:0 0 auto;display:flex;align-items:center;justify-content:center;gap:6px;padding:0 16px;border-radius:12px;text-decoration:none!important;
  font:600 1.15rem/1 'Teko',sans-serif;letter-spacing:1px;text-transform:uppercase;color:#111!important;
  background:linear-gradient(135deg,#f6e7a6,#d4af37 50%,#b8901f);box-shadow:0 10px 28px rgba(212,175,55,.4)}
@media(max-width:340px){.v2p-sticky-cc span{display:none}}

/* =====================================================================
   PÁGINAS DE CIDADE  (/advogado-criminalista/<cidade>.html)
   Cada cidade tem sufixos próprios nas classes → seletores por atributo.
   ===================================================================== */
.faixa-emergencia{background:linear-gradient(90deg,#7a0e0b,#b3201b 50%,#7a0e0b)!important;border-bottom:1px solid rgba(246,231,166,.35)}
[class*="hero-title-"]{text-wrap:balance;text-shadow:0 6px 30px rgba(0,0,0,.85)}
[class*="hero-title-"] .gold-line,[class*="hero-title-"] .highlight-gold,[class*="hero-title-"] [class$="-line"]{
  background:linear-gradient(100deg,#c79d22 0%,#e8c75a 25%,var(--v2-gold-hi) 48%,#e8c75a 70%,#c79d22 100%);background-size:220% 100%;
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;
  animation:v2pShimmer2 6s linear infinite;display:inline-block;filter:drop-shadow(0 4px 20px rgba(212,175,55,.3))}
@keyframes v2pShimmer2{to{background-position:-220% 0}}
[class*="hero-pills-"] [class*="pill-"]{backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border-radius:50px}
[class*="hero-badge-"]{border-radius:50px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:v2pRing 2.8s ease-out infinite}
@keyframes v2pRing{0%{box-shadow:0 0 0 0 rgba(212,175,55,.45)}70%,100%{box-shadow:0 0 0 14px rgba(212,175,55,0)}}
main .btn-warning{position:relative;overflow:hidden;border-radius:12px!important;animation:v2pPulse 2.4s ease-in-out infinite;
  transition:transform .25s var(--v2-ease)!important}
main .btn-warning:hover{transform:translateY(-3px) scale(1.02)}
main .btn-warning::after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:40%;pointer-events:none;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.35),transparent);transform:skewX(-20deg);animation:v2pSweep 3.8s ease-in-out infinite}
main .btn-outline-light{border-radius:12px!important;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:transform .25s var(--v2-ease),background .25s}
main .btn-outline-light:hover{transform:translateY(-3px)}
.timeline-step,[class*="crime-card"],[class*="tese-card"],[class*="tese-mini"],[class*="live-card"],[class*="live-bh"],.bairro-card,.bairros-col{
  transition:transform .3s var(--v2-ease),border-color .3s,box-shadow .3s}
.timeline-step:hover,[class*="crime-card"]:hover,[class*="tese-card"]:hover,[class*="tese-mini"]:hover,[class*="live-card"]:hover,.bairro-card:hover{
  transform:translateY(-4px);box-shadow:0 16px 40px rgba(212,175,55,.16)}
.timeline-num{font-family:'Teko',sans-serif}
[class*="float-emergencia"]{animation:v2pPulseG 2.6s ease-in-out infinite}

/* =====================================================================
   HUB /advogado-criminalista/ (design próprio, só acabamento)
   ===================================================================== */
.v2p-hub .hero-title span{
  background:linear-gradient(100deg,#c79d22 0%,#e8c75a 25%,var(--v2-gold-hi) 48%,#e8c75a 70%,#c79d22 100%);background-size:220% 100%;
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;
  animation:v2pShimmer2 6s linear infinite;display:inline-block;filter:drop-shadow(0 4px 22px rgba(212,175,55,.35))}
.v2p-hub .hero-section .btn-primary,.v2p-hub .authority-cta-row .btn-primary,.v2p-hub .rights-card .btn-primary,.v2p-hub .urgency-btn{
  position:relative;overflow:hidden;animation:v2pPulse 2.4s ease-in-out infinite}
.v2p-hub .hero-section .btn-primary::after,.v2p-hub .authority-cta-row .btn-primary::after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:40%;pointer-events:none;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.3),transparent);transform:skewX(-20deg);animation:v2pSweep 3.8s ease-in-out infinite}
.v2p-hub .counter-card,.v2p-hub .depo-card,.v2p-hub .rights-card{transition:transform .3s var(--v2-ease),box-shadow .3s}
.v2p-hub .counter-card:hover,.v2p-hub .depo-card:hover{transform:translateY(-5px);box-shadow:0 18px 44px rgba(212,175,55,.2)}
.v2p-hub .trust-badge-item{backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.v2p-hub .v2p-cc{max-width:1180px;margin:30px auto;width:calc(100% - 32px)}
.v2p-hub .v2p-cc-title,.v2p-hub .v2p-cc-kicker,.v2p-hub .v2p-cc-btn b{font-family:'Oswald','Teko',sans-serif;font-weight:600}
.v2p-hub .v2p-cc-sub,.v2p-hub .v2p-cc-btn span,.v2p-hub .v2p-cc-foot{font-family:'Inter','Lato',sans-serif}
.v2p-hub .v2p-cc i{display:none}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
  .v2p-reveal{opacity:1;transform:none}
  html{scroll-behavior:auto}
}