*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#09090a;color:#f1eee8;font:16px/1.75 Arial,sans-serif} .wrap{width:min(1160px,calc(100% - 36px));margin:auto}header{position:fixed;z-index:10;top:0;width:100%;background:#09090add;backdrop-filter:blur(16px);border-bottom:1px solid #332b20}.nav{height:92px;display:flex;align-items:center;justify-content:space-between}.nav img{height:76px;width:auto;display:block;object-fit:contain;max-width:120px}footer img{width:190px;height:auto;display:block;object-fit:contain}.nav nav{display:flex;gap:25px;align-items:center}.nav a{color:#eee;text-decoration:none;font-size:13px}.pill{border:1px solid #b9944d;padding:9px 17px;border-radius:30px}.nav button{display:none;background:none;color:#fff;border:0;font-size:25px}.hero{min-height:100vh;padding:145px 0 70px;background:radial-gradient(circle at 80% 35%,#b48a3b1f,transparent 30%),#0b0b0c}.heroGrid{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:70px}.hero small,.section small,.cta small,.editorial-photo small{letter-spacing:.18em;color:#caa55b;font-weight:bold;font-size:11px}.hero h1,.section h2,.quote h2,.cta h2{font:500 clamp(44px,6vw,76px)/1 "Georgia",serif;margin:22px 0}.hero h1 i,.section h2 i,.quote i,.cta i{color:#d0aa5e}.hero p{color:#aaa49b;font-size:19px;line-height:1.75;max-width:620px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0}.btn{display:inline-block;background:#cda75a;color:#111;text-decoration:none;padding:14px 21px;font-weight:bold}.ghost{border:1px solid #4b453d;color:#eee;text-decoration:none;padding:13px 20px}.meta{color:#777169;font-size:13px}.portrait{position:relative;max-width:470px;justify-self:end;border:1px solid #c39a4f66;padding:10px}.portrait>img{width:100%;display:block;aspect-ratio:4/5;object-fit:cover;object-position:center top}.tag{position:absolute;left:-25px;bottom:35px;background:#111113;border:1px solid #c39a4f66;padding:13px 17px}.tag b,.tag span{display:block}.tag span{color:#8d877e;font-size:11px}.section{padding:105px 0}.dark{background:#111112}.tabs{display:flex;gap:5px;border-bottom:1px solid #302d29;margin-top:45px;overflow:auto}.tabs button{background:none;border:0;color:#817c75;padding:14px 17px;white-space:nowrap;text-transform:uppercase;font-size:10px;letter-spacing:.08em;cursor:pointer}.tabs button.active{color:#d0aa5e;border-bottom:2px solid #d0aa5e}.panel{display:none;grid-template-columns:70px 1fr;gap:25px;padding:42px 0;border-bottom:1px solid #2b2926}.panel.active{display:grid}.panel>strong{font:28px Georgia;color:#cda75a}.panel h3{font:36px Georgia;font-weight:500;margin:0}.panel p{color:#99938c;font-size:17px;line-height:1.7;max-width:780px}.chips{display:flex;gap:8px;flex-wrap:wrap}.chips span{border:1px solid #37332e;padding:8px 11px;color:#c9c2b9;font-size:13px}.quote{padding:105px 0;border-block:1px solid #252321}.quote b{font:80px Georgia;color:#cda75a}.quote h2{font-size:42px}.quote p{color:#777169;font-size:16px}.two{display:grid;grid-template-columns:.75fr 1fr;gap:90px;align-items:center}.aboutImg{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center top;border:1px solid #c39a4f66;padding:9px}.link{color:#d0aa5e;text-decoration:none;font-weight:bold}.center{text-align:center;margin-bottom:50px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#302d29}.steps>div{background:#111112;padding:28px;min-height:210px}.steps b{color:#cda75a}.steps h3{font:24px Georgia}.steps p,.callout>p{color:#918b83;font-size:15px;line-height:1.7}.callout{display:grid;grid-template-columns:1fr 1fr;gap:70px;border:1px solid #302d29;padding:60px;background:#101011}.faq{display:grid;grid-template-columns:.75fr 1.25fr;gap:80px}.faq details{border-top:1px solid #37332e;padding:19px 0}.faq details:last-child{border-bottom:1px solid #37332e}.faq summary{cursor:pointer;font-weight:bold}.faq p{color:#918b83;font-size:15px;line-height:1.7}.cta{text-align:center;padding:105px 0;background:radial-gradient(circle at 50% 20%,#b48a3b22,transparent 40%)}.cta p{color:#918b83;max-width:600px;margin:0 auto 28px;font-size:17px;line-height:1.7}.cta div{color:#6e6962;font-size:11px;margin-top:22px}footer{padding:50px 0 25px;border-top:1px solid #252321}footer p{color:#777169;font-size:13px}footer small{color:#57534d;font-size:12px}.float{position:fixed;right:20px;bottom:20px;width:55px;height:55px;border-radius:50%;display:grid;place-items:center;background:#cda75a;color:#111;text-decoration:none;font-size:25px;z-index:12}@media(max-width:800px){.nav button{display:block}.nav nav{display:none;position:absolute;top:92px;left:0;right:0;background:#0b0b0c;flex-direction:column;padding:15px}.nav nav.open{display:flex}.heroGrid,.two,.faq,.callout{grid-template-columns:1fr;gap:35px}.portrait{justify-self:center}.section{padding:75px 0}.steps{grid-template-columns:1fr}.hero h1{font-size:52px}.section h2{font-size:43px}.quote h2{font-size:34px}.panel{grid-template-columns:42px 1fr}.panel h3{font-size:29px}.tag{left:8px}.wrap{width:min(100% - 28px,1160px)}}
.editorial-photo{padding:105px 0;background:#ece7df;color:#121a2a}.editorial-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:75px;align-items:center}.editorial-copy small{color:#a77d35}.editorial-copy h2{font:500 clamp(42px,5vw,64px)/1.05 Georgia,serif;margin:20px 0}.editorial-copy h2 i{color:#a77d35}.editorial-copy p{font-size:18px;line-height:1.8;color:#4c4a47;max-width:580px}.editorial-copy .link{display:inline-block;margin-top:15px}.editorial-image{position:relative}.editorial-image:before{content:"";position:absolute;inset:-14px 14px 14px -14px;border:1px solid #b99350;z-index:0}.editorial-image img{position:relative;z-index:1;width:100%;display:block;aspect-ratio:4/3;object-fit:cover;object-position:center top;box-shadow:0 22px 50px #0002}@media(max-width:800px){.editorial-photo{padding:75px 0}.editorial-grid{grid-template-columns:1fr;gap:40px}.editorial-copy p{font-size:17px}.panel p{font-size:16px}.chips span{font-size:12px}.steps p,.callout>p,.faq p{font-size:15px}.hero p{font-size:17px}}

/* Revisão visual e responsiva — seção trabalhista */
.editorial-photo{
  position:relative;
  overflow:hidden;
  padding:clamp(80px,10vw,145px) 0;
  background:linear-gradient(90deg,#ece7df 0%,#f3efe9 56%,#e7e1d8 100%);
}
.editorial-photo:after{
  content:"";
  position:absolute;
  width:420px;
  height:420px;
  right:-230px;
  top:50%;
  transform:translateY(-50%);
  border:1px solid #b9935044;
  border-radius:50%;
  pointer-events:none;
}
.editorial-grid{
  position:relative;
  z-index:1;
  grid-template-columns:minmax(0,.88fr) minmax(430px,1.12fr);
  gap:clamp(45px,7vw,95px);
}
.editorial-copy{padding-block:28px}
.editorial-copy h2{max-width:580px}
.editorial-copy p{max-width:560px}
.editorial-copy .link{border-bottom:1px solid #a77d35;padding-bottom:4px}
.editorial-image{
  min-height:590px;
  overflow:visible;
  background:#d8d0c5;
  isolation:isolate;
}
.editorial-image:before{
  inset:-18px 18px 18px -18px;
}
.editorial-image:after{
  content:"RABELLO ADVOCACIA";
  position:absolute;
  right:18px;
  bottom:-28px;
  z-index:2;
  color:#a77d35;
  background:#f3efe9;
  padding:7px 12px;
  font-size:9px;
  font-weight:bold;
  letter-spacing:.18em;
}
.editorial-image img{
  width:100%;
  height:590px;
  aspect-ratio:auto;
  object-fit:cover;
  object-position:center 32%;
}
@media(max-width:800px){
  .editorial-photo{padding:75px 0 85px}
  .editorial-grid{grid-template-columns:1fr;gap:42px}
  .editorial-copy{padding:0}
  .editorial-image{min-height:0;margin-left:8px}
  .editorial-image img{height:auto;aspect-ratio:2/3;object-position:center top}
  .editorial-image:before{inset:-10px 10px 10px -10px}
  .editorial-image:after{right:10px;bottom:-22px;font-size:8px}
}
@media(max-width:430px){
  .editorial-copy h2{font-size:42px}
  .editorial-copy p{font-size:16px}
  .tabs button{padding-inline:14px}
}

@media(max-width:800px){.nav{height:82px}.nav img{height:66px;max-width:104px}.nav nav{top:82px}.hero{padding-top:130px}footer img{width:170px}}

/* Logotipo horizontal oficial */
.nav > a{display:flex;align-items:center;flex:0 0 auto}
.nav img{height:58px;width:auto;max-width:360px;object-fit:contain}
footer img{width:320px;max-width:100%;height:auto;object-fit:contain}
@media(max-width:800px){
  .nav img{height:46px;max-width:min(250px,68vw)}
  footer img{width:260px}
}

/* Ajuste final de responsividade mobile */
html,body{max-width:100%;overflow-x:hidden}
section[id]{scroll-margin-top:92px}

@media(max-width:800px){
  header{background:#09090af2}
  .nav{height:74px;gap:12px}
  .nav > a{min-width:0}
  .nav img{height:auto;width:min(190px,62vw);max-width:100%;max-height:54px}
  .nav button{position:relative;z-index:14;width:44px;height:44px;display:grid;place-items:center;padding:0;flex:0 0 44px;font-size:26px;line-height:1}
  .nav nav{top:74px;left:0;right:0;z-index:13;padding:12px 14px 18px;border-top:1px solid #332b20;border-bottom:1px solid #332b20;box-shadow:0 18px 35px #0008;gap:2px}
  .nav nav a{width:100%;padding:12px 10px;font-size:14px}
  .nav nav .pill{text-align:center;margin-top:6px}

  .hero{min-height:auto;padding:112px 0 62px}
  .heroGrid{gap:38px}
  .hero small{font-size:10px;letter-spacing:.13em}
  .hero h1{font-size:clamp(42px,13vw,56px);line-height:1.04;margin:16px 0}
  .hero p{font-size:17px;line-height:1.65}
  .actions{display:grid;grid-template-columns:1fr;margin:25px 0 18px}
  .btn,.ghost{text-align:center;width:100%;padding:15px 16px}
  .meta{font-size:12px;line-height:1.55}
  .portrait{width:min(100%,420px);padding:7px}
  .portrait>img{aspect-ratio:4/5}
  .tag{left:12px;bottom:16px;padding:10px 13px}

  .section{padding:68px 0}
  .section h2{font-size:clamp(36px,10vw,44px);line-height:1.06}
  .tabs{margin-top:30px;gap:0;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;padding-bottom:1px}
  .tabs button{flex:0 0 auto;scroll-snap-align:start;padding:14px 16px;font-size:10px}
  .panel{grid-template-columns:34px minmax(0,1fr);gap:14px;padding:30px 0}
  .panel>strong{font-size:24px}
  .panel h3{font-size:clamp(25px,7.5vw,31px);line-height:1.12}
  .panel p{font-size:16px;line-height:1.65}
  .chips{gap:7px}
  .chips span{font-size:12px;padding:7px 9px}

  .editorial-photo{padding:70px 0 80px}
  .editorial-grid{gap:36px}
  .editorial-copy h2{font-size:clamp(36px,10vw,46px);line-height:1.08}
  .editorial-copy p{font-size:16px;line-height:1.7}
  .editorial-image{margin:0 0 0 8px}
  .editorial-image img{width:100%;height:auto;aspect-ratio:2/3;object-fit:cover;object-position:center top}
  .editorial-image:after{max-width:calc(100% - 18px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

  .quote{padding:70px 0}
  .quote b{font-size:62px}
  .quote h2{font-size:clamp(31px,9vw,39px);line-height:1.12}
  .quote p{font-size:15px}
  .aboutImg{width:100%;max-width:460px;margin:auto;aspect-ratio:4/5}
  .two{gap:40px}

  .center{margin-bottom:32px}
  .steps>div{min-height:0;padding:25px 20px}
  .steps h3{font-size:23px;margin:8px 0}
  .callout{padding:28px 20px;gap:26px}
  .faq{gap:34px}
  .faq details{padding:17px 0}
  .faq summary{font-size:16px;line-height:1.45;padding-right:10px}
  .cta{padding:75px 0}
  .cta h2{font-size:clamp(38px,10vw,48px);line-height:1.08}
  .cta p{font-size:16px}
  .cta div{font-size:10px;line-height:1.7}
  footer{padding:42px 0 22px}
  footer img{width:min(270px,100%)}
  footer p{line-height:1.6}
  .float{right:14px;bottom:14px;width:54px;height:54px}
}

@media(max-width:430px){
  .wrap{width:calc(100% - 24px)}
  .nav{height:70px}
  .nav img{width:min(175px,61vw);max-height:48px}
  .nav nav{top:70px}
  section[id]{scroll-margin-top:86px}
  .hero{padding-top:104px}
  .hero small{font-size:9px}
  .panel{grid-template-columns:1fr}
  .panel>strong{margin-bottom:-4px}
  .editorial-image:before{inset:-8px 8px 8px -8px}
  .quote b{font-size:54px}
}
