/* Lavínia Rodrigues Advocacia — LP Negativação Indevida
   Cores e fontes conforme o Manual de Identidade Visual */
:root{
  --navy:#1C304B; --navy-deep:#15243A; --paper:#F4F2EF; --sand:#EAE6E1;
  --gold:#C6A45C; --gold-solid:#C99D66; --gold-dark:#AA8942; --gold-light:#FDE3A8;
  --ink:#1C304B; --muted:#4B5A6E; --line:rgba(170,137,66,.35);
  --serif:'Times New Roman',Times,'Liberation Serif',serif;
  --sans:'Poppins',system-ui,sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--sans);font-weight:300;color:var(--ink);background:var(--paper);font-size:17px;line-height:1.7;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%}
a{color:inherit}
.wrap{max-width:1180px;margin:0 auto;padding:0 40px}
.eyebrow{font-size:12px;letter-spacing:.3em;text-transform:uppercase;color:var(--gold-dark);font-weight:400}
h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:1.12;color:var(--navy)}
h2{font-size:clamp(32px,4vw,46px);margin:14px 0 0}
.lead{font-size:18px;color:var(--muted);max-width:620px;margin-top:20px}
section{position:relative}

/* botões */
.btn{display:inline-flex;align-items:center;gap:12px;padding:17px 30px;font:400 14px/1 var(--sans);letter-spacing:.08em;text-decoration:none;border:1px solid var(--navy);background:var(--navy);color:var(--paper);transition:background .2s,color .2s}
.btn svg{width:18px;height:18px;flex:none}
.btn:hover{background:transparent;color:var(--navy)}
.btn.gold{background:var(--gold-solid);border-color:var(--gold-solid);color:var(--navy-deep)}
.btn.gold:hover{background:transparent;color:var(--gold-light)}
.btn-note{font-size:13.5px;color:var(--muted);margin-top:16px}

/* topo */
.hero .wrap{width:100%}
.hero{min-height:100svh;background:var(--paper) url(../img/bg-hero-desktop.webp) 72% center/cover no-repeat;display:flex;flex-direction:column}
nav{display:flex;align-items:center;justify-content:space-between;padding:26px 0}
.brand{display:flex;align-items:center;gap:14px;text-decoration:none}
.brand img{height:62px;width:auto}
.brand span{font-family:var(--serif);font-size:19px;letter-spacing:.14em;line-height:1.15;color:var(--navy)}
.brand small{display:block;font-family:var(--sans);font-size:9.5px;letter-spacing:.55em;color:var(--navy);margin-top:3px}
.nav-cta{font-size:13px;letter-spacing:.1em;text-decoration:none;border-bottom:1px solid var(--gold);padding-bottom:3px}
.hero-body{flex:1;display:flex;align-items:center;padding-top:40px;padding-bottom:110px}
.hero-copy{max-width:560px}
.hero h1{font-size:clamp(40px,5.4vw,68px);margin:22px 0 24px;letter-spacing:-.005em}
.hero p.sub{font-size:18.5px;color:var(--muted);margin-bottom:38px}

/* é o seu caso */
.casos{background:var(--paper) url(../img/bg-papel-liso.webp) center/cover;padding:130px 0}
.grid-casos{display:grid;grid-template-columns:repeat(3,1fr);margin-top:64px;border-top:1px solid var(--line)}
.caso{padding:36px 34px 40px 0;border-bottom:1px solid var(--line)}
.caso:not(:nth-child(3n)){border-right:1px solid var(--line);margin-right:0}
.caso:not(:nth-child(3n+1)){padding-left:34px}
.caso .n{font-family:var(--serif);font-size:15px;color:var(--gold-dark);letter-spacing:.1em}
.caso h3{font-size:25px;margin:12px 0 10px}
.caso p{font-size:15.5px;color:var(--muted)}
.fecho{display:flex;align-items:center;justify-content:space-between;gap:40px;margin-top:56px;flex-wrap:wrap}
.fecho p{font-family:var(--serif);font-size:24px;max-width:600px;line-height:1.35}

/* lei */
.lei{background:var(--sand) url(../img/bg-lei-arco.webp) left top/cover;padding:140px 0}
.lei-head{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:end}
.lei-head .lead{margin:0}
.regras{margin-top:64px;border-top:1px solid var(--navy)}
.regra{display:grid;grid-template-columns:1fr 2fr 1fr;gap:40px;padding:28px 0;border-bottom:1px solid var(--line);align-items:baseline}
.regra h3{font-size:26px}
.regra p{font-size:16.5px}
.regra .base{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-dark);text-align:right;font-weight:400}
.nota{font-size:14px;color:var(--muted);margin-top:28px;max-width:760px;padding-left:18px;border-left:2px solid var(--gold)}

/* como funciona */
.como{background:var(--paper) url(../img/tile-papel.webp) repeat;background-size:400px;padding:140px 0}
.passos{list-style:none;display:grid;grid-template-columns:repeat(5,1fr);gap:0;margin-top:72px;counter-reset:p}
.passos li{position:relative;padding:0 26px 0 0}
.passos li::before{counter-increment:p;content:counter(p,decimal-leading-zero);display:block;font-family:var(--serif);font-size:44px;color:var(--gold-dark);line-height:1;margin-bottom:22px}
.passos li::after{content:"";position:absolute;top:22px;left:68px;right:18px;height:1px;background:var(--line)}
.passos li:last-child::after{display:none}
.passos h3{font-size:21px;margin-bottom:10px}
.passos p{font-size:15px;color:var(--muted)}
.como .cta-row{margin-top:64px}

/* sobre */
.sobre{background:var(--paper) url(../img/bg-sobre-ramo.webp) left center/cover;padding:140px 0}
.sobre .wrap{display:grid;grid-template-columns:5fr 6fr;gap:90px;align-items:center;padding-left:200px}
.foto{aspect-ratio:4/5;background:var(--sand) url(../img/tile-areia.webp);background-size:400px;position:relative;display:flex;align-items:flex-end;justify-content:center;outline:1px solid var(--gold);outline-offset:14px}
.foto img{position:absolute;inset:0;margin:auto;width:46%;opacity:.16;filter:grayscale(1)}
.foto span{position:relative;font-size:12px;letter-spacing:.24em;text-transform:uppercase;color:var(--muted);padding-bottom:28px}
.cred{font-size:13px;letter-spacing:.12em;color:var(--gold-dark);margin:14px 0 30px;text-transform:uppercase;font-weight:400}
.sobre p.txt{font-size:17px;margin-bottom:18px}
.assin{font-family:var(--serif);font-style:italic;font-size:30px;margin-top:26px;color:var(--navy)}

/* documentos */
.docs{background:var(--sand) url(../img/tile-areia.webp) repeat;background-size:400px;padding:130px 0}
.docs .wrap{display:grid;grid-template-columns:1fr 1.25fr;gap:90px}
.lista{list-style:none;border-top:1px solid var(--line)}
.lista li{padding:18px 0 18px 40px;border-bottom:1px solid var(--line);position:relative;font-size:16px}
.lista li::before{content:"";position:absolute;left:4px;top:26px;width:14px;height:8px;border-left:1.5px solid var(--gold-dark);border-bottom:1.5px solid var(--gold-dark);transform:rotate(-45deg)}
.dica{font-size:14px;color:var(--muted);margin-top:22px}

/* faq */
.faq{background:var(--paper) url(../img/bg-papel-liso.webp) center/cover;padding:140px 0}
.faq .wrap{display:grid;grid-template-columns:1fr 1.7fr;gap:90px}
details{border-bottom:1px solid var(--line)}
details:first-of-type{border-top:1px solid var(--line)}
summary{list-style:none;cursor:pointer;padding:24px 50px 24px 0;font-family:var(--serif);font-size:22px;color:var(--navy);position:relative}
summary::-webkit-details-marker{display:none}
summary::after{content:"";position:absolute;right:8px;top:34px;width:14px;height:1px;background:var(--gold-dark);box-shadow:0 0 0 0 var(--gold-dark)}
summary::before{content:"";position:absolute;right:14.5px;top:27.5px;width:1px;height:14px;background:var(--gold-dark);transition:transform .2s}
details[open] summary::before{transform:scaleY(0)}
details p{padding:0 40px 26px 0;color:var(--muted);font-size:16px}

/* cta final */
.final{background:var(--navy) url(../img/bg-cta-balanca.webp) right center/cover;padding:150px 0;color:var(--paper)}
.final h2{color:var(--paper);max-width:640px;font-size:clamp(34px,4.4vw,52px)}
.final p{color:#C9D0DA;max-width:520px;margin:24px 0 40px;font-size:18px}
.final .eyebrow{color:var(--gold)}

footer{background:var(--navy-deep) url(../img/bg-rodape.webp) center/cover;color:#AEB7C4;padding:70px 0 50px;font-size:13.5px}
footer .wrap{display:grid;grid-template-columns:auto 1fr;gap:70px;align-items:center}
footer img{height:110px;width:auto}
footer .legal{border-top:1px solid rgba(201,157,102,.25);margin-top:22px;padding-top:22px;font-size:12px;color:#8A95A5;line-height:1.6}
footer strong{color:var(--paper);font-weight:400;letter-spacing:.04em}

.wa-float{display:none}

@media (max-width:900px){
  body{font-size:16px}
  .wrap{padding:0 22px}
  .hero{background-image:url(../img/bg-hero-mobile.webp);background-position:center bottom;background-size:cover}
  .brand img{height:46px}
  .nav-cta{display:none}
  .hero{min-height:auto}
  .hero-body{align-items:flex-start;padding-top:40px;padding-bottom:64px}
  .casos{padding-top:64px}
  .hero p.sub{font-size:16.5px}
  .lei,.como,.sobre,.docs,.faq{padding:86px 0}
  .casos{padding-bottom:86px}
  .grid-casos{grid-template-columns:1fr}
  .caso,.caso:not(:nth-child(3n+1)){padding:26px 0;border-right:0!important}
  .lei-head,.docs .wrap,.faq .wrap{grid-template-columns:1fr;gap:28px}
  .regra{grid-template-columns:1fr;gap:6px}
  .regra .base{text-align:left}
  .passos{grid-template-columns:1fr;gap:34px}
  .passos li{padding:0 0 0 66px}
  .passos li::before{position:absolute;left:0;top:0;font-size:34px}
  .passos li::after{display:none}
  .sobre{background-position:-120px center}
  .sobre .wrap{grid-template-columns:1fr;gap:50px;padding-left:22px}
  .foto{max-width:320px;margin:0 auto;width:100%}
  .final{padding:100px 0 220px;background-position:78% bottom;background-size:auto 70%;background-repeat:no-repeat}
  footer .wrap{grid-template-columns:1fr;gap:30px}
  .btn{width:100%;justify-content:center}
  .wa-float{display:flex;position:fixed;left:16px;right:16px;bottom:16px;z-index:10;justify-content:center}
  body{padding-bottom:84px}
}

/* foto real da advogada (quando substituir o placeholder) */
.foto img.foto-real{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:1;filter:none;margin:0}