/* Pedro Contador — Hero v01 | base técnica: BC Contabilidade v09 */
:root{
  --ink-950:#050505;
  --ink-900:#201B18;
  --ink-850:#201B18;
  --ink-800:#201B18;
  --teal-700:#8A7241;
  --gold-600:#8A7241;
  --gold-500:#C39F43;
  --gold-400:#EACE74;
  --gold-300:#EACE74;
  --cream-100:#F5F3EE;
  --cream-50:#F5F3EE;
  --white:#F5F3EE;
  --muted:rgba(245,243,238,.80);
  --line:rgba(234,206,116,.24);
  --max:1180px;
}
*{box-sizing:border-box}
html{
  scroll-behavior:smooth;
  scrollbar-width:thin;
  scrollbar-color:var(--gold-500) var(--ink-950);
}
body{
  margin:0;
  min-height:100vh;
  font-family:'Manrope',Inter,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  color:var(--cream-50);
  background:var(--ink-950);
  overflow-x:hidden;
}
body::-webkit-scrollbar{width:10px}
body::-webkit-scrollbar-track{background:var(--ink-950)}
body::-webkit-scrollbar-thumb{
  background:linear-gradient(180deg,var(--gold-400),var(--gold-600));
  border-radius:999px;
  border:2px solid var(--ink-950);
}
body::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--gold-300),var(--gold-500))}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
#home,#servicos,#sobre,#contato{scroll-margin-top:112px}
.section-container{width:min(var(--max),calc(100% - 48px));margin-inline:auto}

/* ─── Header ─── */
.site-header{
  position:fixed;
  top:18px;
  left:50%;
  transform:translateX(-50%);
  width:min(1180px,calc(100% - 32px));
  height:86px;
  z-index:50;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:10px 16px;
  border:1px solid rgba(234,206,116,.26);
  border-radius:999px;
  background:linear-gradient(180deg,rgba(32,27,24,.74),rgba(5,5,5,.54));
  box-shadow:0 28px 90px rgba(0,0,0,.34),inset 0 1px 0 rgba(245,243,238,.10),0 0 28px rgba(195,159,67,.08);
  backdrop-filter:blur(24px) saturate(1.18);
  -webkit-backdrop-filter:blur(24px) saturate(1.18);
  overflow:hidden;
}
.site-header::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  background:linear-gradient(90deg,rgba(234,206,116,.12),rgba(245,243,238,.04),rgba(138,114,65,.18));
}
.site-header::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  padding:1.5px;
  pointer-events:none;
  background:linear-gradient(112deg,
    rgba(245,243,238,.74) 0%,
    rgba(195,159,67,.62) 12%,
    rgba(245,243,238,.78) 25%,
    rgba(138,114,65,.36) 42%,
    rgba(245,243,238,.78) 60%,
    rgba(195,159,67,.58) 76%,
    rgba(245,243,238,.74) 89%,
    rgba(234,206,116,.66) 100%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
  opacity:.82;
}
.brand,.main-nav,.menu-toggle{position:relative;z-index:1}
.brand{display:flex;align-items:center;min-width:0}
.brand-shell{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  height:66px;
  min-width:0;
  padding:7px 19px 7px 12px;
  border-radius:999px;
  background:linear-gradient(180deg,rgba(245,243,238,.96),rgba(245,243,238,.89));
  border:1px solid rgba(234,206,116,.48);
  box-shadow:inset 0 1px 0 rgba(245,243,238,.92),0 8px 24px rgba(0,0,0,.18),0 0 18px rgba(195,159,67,.08);
  overflow:hidden;
}
.brand-mark{
  width:48px;
  height:48px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  color:#F5F3EE;
  font-size:14px;
  font-weight:900;
  letter-spacing:-.04em;
  background:
    radial-gradient(circle at 30% 18%,rgba(245,243,238,.24),transparent 34%),
    linear-gradient(135deg,var(--ink-900),var(--teal-700));
  border:1px solid rgba(195,159,67,.48);
  box-shadow:inset 0 1px 0 rgba(245,243,238,.20),0 8px 18px rgba(32,27,24,.22);
}
.brand-text{
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-width:0;
  line-height:.92;
  color:#201B18;
}
.brand-text strong{
  display:block;
  font-family:'Playfair Display',Georgia,serif;
  font-size:25px;
  font-weight:800;
  letter-spacing:-.045em;
}
.brand-text em{
  display:block;
  margin-top:3px;
  font-style:normal;
  font-family:'Playfair Display',Georgia,serif;
  font-size:16px;
  font-weight:700;
  letter-spacing:-.025em;
}
.main-nav{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:4px;
}
.main-nav a{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:0 17px;
  border-radius:999px;
  color:rgba(245,243,238,.78);
  font-size:13px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  transition:color .28s cubic-bezier(.22,1,.36,1),background .28s cubic-bezier(.22,1,.36,1),box-shadow .28s cubic-bezier(.22,1,.36,1),transform .28s cubic-bezier(.22,1,.36,1);
}
.main-nav a:hover,.main-nav a:focus-visible{
  color:var(--white);
  background:rgba(234,206,116,.12);
  box-shadow:0 0 0 1px rgba(234,206,116,.28),0 0 28px rgba(234,206,116,.12);
  transform:translateY(-1px);
  outline:none;
}
.menu-toggle{
  display:none;
  width:46px;
  height:46px;
  border:1px solid rgba(234,206,116,.34);
  border-radius:999px;
  background:rgba(234,206,116,.10);
  cursor:pointer;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  gap:5px;
  box-shadow:inset 0 1px 0 rgba(245,243,238,.10);
}
.menu-toggle span{
  width:20px;
  height:2px;
  border-radius:999px;
  background:var(--cream-50);
  transition:transform .28s cubic-bezier(.22,1,.36,1),opacity .2s cubic-bezier(.22,1,.36,1);
}
.menu-toggle.is-open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.menu-toggle.is-open span:nth-child(2){opacity:0}
.menu-toggle.is-open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

/* ─── HERO ─── */
.hero{
  position:relative;
  min-height:100svh;
  display:flex;
  align-items:center;
  overflow:hidden;
  padding:128px 0 88px;
  isolation:isolate;
  background:radial-gradient(circle at 50% 42%,rgba(234,206,116,.18),transparent 42%),var(--ink-950);
}
.hero-bg{
  position:absolute;
  inset:0;
  z-index:-6;
  background-image:
    radial-gradient(ellipse at 50% 48%,rgba(5,5,5,.42) 0%,rgba(5,5,5,.34) 28%,rgba(5,5,5,.18) 48%,rgba(5,5,5,.20) 100%),
    linear-gradient(180deg,rgba(5,5,5,.20) 0%,rgba(5,5,5,.16) 44%,rgba(5,5,5,.62) 100%),
    url('../images/bg-hero-v01.webp');
  background-size:100% 100%,100% 100%,cover;
  background-position:center,center,center center;
  background-repeat:no-repeat,no-repeat,no-repeat;
  transform:scale(1.035);
  filter:blur(1.7px) saturate(1.03) sepia(.08) brightness(1.08) contrast(1.03);
}
.hero::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-5;
  pointer-events:none;
  background:
    radial-gradient(ellipse at 50% 45%,rgba(5,5,5,.48) 0%,rgba(5,5,5,.30) 28%,rgba(5,5,5,.10) 50%,transparent 70%),
    radial-gradient(circle at 26% 36%,rgba(234,206,116,.16),transparent 28%),
    radial-gradient(circle at 74% 36%,rgba(138,114,65,.20),transparent 36%);
}
.hero::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-4;
  pointer-events:none;
  box-shadow:inset 0 0 94px rgba(5,5,5,.34),inset 0 -108px 150px rgba(5,5,5,.78);
}
.hero-depth{
  position:absolute;
  z-index:-3;
  border-radius:50%;
  pointer-events:none;
  filter:blur(60px);
}
.hero-depth-left{
  left:8%;
  top:28%;
  width:360px;
  height:360px;
  background:rgba(234,206,116,.18);
  opacity:.58;
}
.hero-depth-right{
  right:8%;
  top:15%;
  width:min(640px,52vw);
  height:min(560px,56vh);
  background:radial-gradient(circle,rgba(234,206,116,.18) 0%,rgba(138,114,65,.24) 35%,rgba(32,27,24,.16) 58%,transparent 75%);
  opacity:.82;
}
.hero-grid{
  position:absolute;
  inset:0;
  z-index:-2;
  pointer-events:none;
  opacity:.10;
  background-image:
    linear-gradient(rgba(234,206,116,.12) 1px,transparent 1px),
    linear-gradient(90deg,rgba(234,206,116,.09) 1px,transparent 1px);
  background-size:72px 72px;
  mask-image:radial-gradient(circle at 50% 47%,#000 0%,transparent 66%);
  -webkit-mask-image:radial-gradient(circle at 50% 47%,#000 0%,transparent 66%);
}
.hero-inner{
  position:relative;
  z-index:2;
  width:min(var(--max),calc(100% - 56px));
  min-height:calc(100svh - 226px);
  margin-inline:auto;
  display:flex;
  align-items:center;
  justify-content:center;
}
.hero-copy{
  position:relative;
  width:min(100%,850px);
  padding:clamp(32px,4.2vw,54px) clamp(24px,4.6vw,64px);
  text-align:center;
  border-radius:clamp(28px,3vw,44px);
  border:1px solid rgba(245,243,238,.18);
  background:
    radial-gradient(circle at 50% 0%,rgba(245,243,238,.11),transparent 34%),
    linear-gradient(180deg,rgba(5,5,5,.48),rgba(5,5,5,.30));
  box-shadow:
    0 36px 110px rgba(0,0,0,.30),
    inset 0 1px 0 rgba(245,243,238,.18),
    inset 0 -1px 0 rgba(234,206,116,.10),
    0 0 0 1px rgba(234,206,116,.12);
  backdrop-filter:blur(18px) saturate(1.08);
  -webkit-backdrop-filter:blur(18px) saturate(1.08);
  transform:translateZ(0);
  overflow:hidden;
}
.hero-copy::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  padding:1px;
  background:linear-gradient(135deg,rgba(245,243,238,.42),rgba(234,206,116,.42),rgba(245,243,238,.10));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
  pointer-events:none;
}
.hero-copy::after{
  content:"";
  position:absolute;
  inset:auto 12% -42% 12%;
  height:62%;
  border-radius:50%;
  background:radial-gradient(ellipse at 50% 0%,rgba(234,206,116,.12),transparent 70%);
  pointer-events:none;
}
.hero-copy > *{position:relative;z-index:1}
.hero-eyebrow{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:13px;
  color:var(--gold-300);
  text-transform:uppercase;
  letter-spacing:.28em;
  font-size:12px;
  font-weight:900;
  line-height:1.2;
  text-shadow:0 0 24px rgba(234,206,116,.34);
}
.hero-eyebrow::before,
.hero-eyebrow::after{
  content:"";
  width:64px;
  height:1px;
  background:linear-gradient(90deg,rgba(234,206,116,0),var(--gold-400));
}
.hero-eyebrow::after{background:linear-gradient(90deg,var(--gold-400),rgba(234,206,116,0))}
h1{
  margin:18px auto 20px;
  font-family:'Playfair Display',Georgia,serif;
  font-size:clamp(29px,4.69vw,62px);
  line-height:1.02;
  letter-spacing:-.052em;
  font-weight:800;
  text-wrap:balance;
  color:var(--white);
  text-shadow:0 0 42px rgba(234,206,116,.12),0 4px 34px rgba(0,0,0,.54);
}
.hero-subtitle{
  max-width:650px;
  margin:0 auto 30px;
  color:rgba(245,243,238,.88);
  font-size:clamp(15.8px,1.34vw,19px);
  line-height:1.72;
  font-weight:600;
  text-shadow:0 2px 20px rgba(0,0,0,.44);
}
.hero-cta-wrap{
  display:flex;
  align-items:center;
  justify-content:center;
  margin-top:30px;
}
.dg-cta-btn{
  --dg-cta-angle:0deg;
  --dg-cta-glow:#EACE74;
  --dg-cta-bgpos:0% 50%;
  position:relative;
  isolation:isolate;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:58px;
  padding:3px;
  border:none;
  border-radius:999px;
  color:#F5F3EE;
  text-decoration:none;
  overflow:hidden;
  cursor:pointer;
  transform:translate3d(0,0,0);
  box-shadow:
    0 18px 38px rgba(0,0,0,.34),
    0 7px 14px rgba(0,0,0,.22),
    0 0 0 1px rgba(234,206,116,.50),
    0 0 34px rgba(234,206,116,.30);
  transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s cubic-bezier(.2,.8,.2,1);
  -webkit-tap-highlight-color:transparent;
}
.dg-cta-btn::before,
.dg-cta-btn::after{
  content:"";
  position:absolute;
  top:-2px;
  left:-2px;
  width:calc(100% + 4px);
  height:calc(100% + 4px);
  border-radius:999px;
  background-size:180% 180%;
  background-position:var(--dg-cta-bgpos);
  background-image:conic-gradient(
    from var(--dg-cta-angle) at 50% 50%,
    rgba(5,5,5,.08) 0%,
    rgba(195,159,67,.30) 18%,
    rgba(32,27,24,.96) 32%,
    rgba(195,159,67,1) 42%,
    #F5F3EE 50%,
    #EACE74 57%,
    rgba(195,159,67,1) 64%,
    rgba(32,27,24,.88) 76%,
    rgba(5,5,5,.10) 100%
  );
  pointer-events:none;
}
.dg-cta-btn::before{
  filter:blur(12px);
  opacity:.82;
}
.dg-cta-btn::after{
  z-index:0;
  opacity:1;
}
.dg-cta-btn-inner{
  position:relative;
  z-index:1;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:100%;
  min-height:52px;
  padding:0 30px;
  border-radius:999px;
  color:#F5F3EE;
  font-size:14px;
  font-weight:900;
  line-height:1.1;
  letter-spacing:.08em;
  text-align:center;
  text-transform:uppercase;
  white-space:nowrap;
  background:
    radial-gradient(circle at 18% 0%,rgba(245,243,238,.13),transparent 34%),
    linear-gradient(135deg,rgba(5,5,5,.99) 0%,rgba(32,27,24,.99) 48%,rgba(138,114,65,.98) 100%);
  border:1px solid rgba(234,206,116,.40);
  box-shadow:
    inset 0 1px 0 rgba(245,243,238,.20),
    inset 0 -12px 24px rgba(0,0,0,.32),
    0 0 0 1px rgba(5,5,5,.62),
    0 0 20px rgba(234,206,116,.18);
  backdrop-filter:blur(22px) saturate(1.14);
  -webkit-backdrop-filter:blur(22px) saturate(1.14);
  backface-visibility:hidden;
  transition:background .25s cubic-bezier(.2,.8,.2,1),color .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s cubic-bezier(.2,.8,.2,1),transform .25s cubic-bezier(.2,.8,.2,1);
}
.dg-cta-btn:hover,.dg-cta-btn:focus-visible{
  transform:translateY(-3px) scale(1.015);
  box-shadow:
    0 24px 52px rgba(0,0,0,.40),
    0 0 0 7px rgba(234,206,116,.14),
    0 0 44px rgba(234,206,116,.40);
  outline:none;
}
.dg-cta-btn:hover .dg-cta-btn-inner,.dg-cta-btn:focus-visible .dg-cta-btn-inner{
  color:#F5F3EE;
  background:
    radial-gradient(circle at 22% 0%,rgba(245,243,238,.18),transparent 36%),
    linear-gradient(135deg,rgba(5,5,5,.99) 0%,rgba(138,114,65,.99) 44%,rgba(195,159,67,.50) 78%,rgba(138,114,65,.92) 100%);
  box-shadow:
    inset 0 1px 0 rgba(245,243,238,.26),
    0 0 22px rgba(234,206,116,.26);
}
.dg-cta-btn:active{transform:scale(.97)}
.hero-bottom-fade{
  position:absolute;
  left:0;right:0;bottom:-1px;
  z-index:6;
  height:124px;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(5,5,5,0),rgba(5,5,5,.68) 72%,#050505 100%);
}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1)}
.reveal.is-visible{opacity:1;transform:translateY(0)}

/* ─── S2 Serviços ─── */
.section-container{width:min(var(--max),calc(100% - 48px));margin-inline:auto}
.sr-only{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}
.services-section{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding:112px 0 104px;
  background:
    radial-gradient(circle at 18% 12%,rgba(234,206,116,.18),transparent 34%),
    radial-gradient(circle at 86% 10%,rgba(195,159,67,.16),transparent 30%),
    linear-gradient(180deg,#050505 0%,#201B18 46%,#050505 100%);
}
.services-section::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-4;
  pointer-events:none;
  opacity:.16;
  background-image:
    linear-gradient(rgba(234,206,116,.12) 1px,transparent 1px),
    linear-gradient(90deg,rgba(234,206,116,.08) 1px,transparent 1px);
  background-size:74px 74px;
  mask-image:radial-gradient(circle at 50% 34%,#000 0%,transparent 66%);
  -webkit-mask-image:radial-gradient(circle at 50% 34%,#000 0%,transparent 66%);
}
.services-section::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-3;
  pointer-events:none;
  background:
    linear-gradient(180deg,rgba(5,5,5,.86) 0%,rgba(5,5,5,0) 18%,rgba(5,5,5,0) 82%,rgba(5,5,5,.84) 100%),
    radial-gradient(ellipse at 50% 44%,rgba(138,114,65,.30),transparent 58%);
}
.services-bg-orb{
  position:absolute;
  z-index:-2;
  pointer-events:none;
  border-radius:50%;
  filter:blur(62px);
}
.services-bg-orb-left{
  width:360px;
  height:360px;
  left:-140px;
  top:180px;
  background:rgba(195,159,67,.26);
  opacity:.58;
}
.services-bg-orb-right{
  width:460px;
  height:460px;
  right:-190px;
  bottom:40px;
  background:radial-gradient(circle,rgba(234,206,116,.18) 0%,rgba(195,159,67,.22) 44%,transparent 72%);
  opacity:.70;
}
.services-container{position:relative;z-index:1}
.services-heading{
  max-width:760px;
  margin:0 auto 48px;
  text-align:center;
}
.section-kicker{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  margin-bottom:15px;
  color:var(--gold-400);
  font-size:12px;
  font-weight:900;
  line-height:1.2;
  letter-spacing:.24em;
  text-transform:uppercase;
  text-shadow:0 0 24px rgba(234,206,116,.24);
}
.section-kicker::before,
.section-kicker::after{
  content:"";
  width:54px;
  height:1px;
  background:linear-gradient(90deg,rgba(234,206,116,0),rgba(234,206,116,.88));
}
.section-kicker::after{background:linear-gradient(90deg,rgba(234,206,116,.88),rgba(234,206,116,0))}
.services-heading h2{
  margin:0;
  color:var(--white);
  font-size:clamp(34px,4.8vw,62px);
  line-height:1;
  letter-spacing:-.052em;
  font-weight:900;
  text-shadow:0 0 34px rgba(234,206,116,.08),0 3px 30px rgba(0,0,0,.34);
}
.services-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:24px;
  max-width:980px;
  margin-inline:auto;
}
.service-card{
  position:relative;
  min-width:0;
  display:flex;
  flex-direction:column;
  border-radius:34px;
  border:1px solid rgba(234,206,116,.22);
  background:
    linear-gradient(180deg,rgba(32,27,24,.76),rgba(5,5,5,.88)),
    radial-gradient(circle at 50% 0%,rgba(234,206,116,.12),transparent 56%);
  box-shadow:
    0 28px 70px rgba(0,0,0,.36),
    inset 0 1px 0 rgba(245,243,238,.10),
    inset 0 -1px 0 rgba(234,206,116,.06),
    0 0 28px rgba(234,206,116,.08);
  overflow:hidden;
  transform:translateZ(0);
}
.service-card::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  padding:1px;
  background:linear-gradient(145deg,rgba(245,243,238,.28),rgba(234,206,116,.64),rgba(138,114,65,.22),rgba(245,243,238,.08));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
  pointer-events:none;
  opacity:.70;
}
.service-card::after{
  content:"";
  position:absolute;
  inset:auto -28% -42% -28%;
  height:54%;
  pointer-events:none;
  background:radial-gradient(ellipse at 50% 0%,rgba(234,206,116,.14),transparent 68%);
  opacity:.76;
}
.service-image-shell{
  position:relative;
  margin:12px 12px 0;
  border-radius:26px;
  overflow:hidden;
  background:rgba(245,243,238,.06);
  box-shadow:0 18px 42px rgba(0,0,0,.26),0 0 0 1px rgba(245,243,238,.08);
}
.service-image-shell::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(245,243,238,.10),rgba(5,5,5,0) 42%,rgba(5,5,5,.12));
}
.service-image-shell img{
  width:100%;
  aspect-ratio:1/1;
  height:auto;
  object-fit:cover;
  transition:transform .55s cubic-bezier(.22,1,.36,1),filter .55s cubic-bezier(.22,1,.36,1);
}
.service-card:hover .service-image-shell img,
.service-card:focus-within .service-image-shell img{
  transform:scale(1.035);
  filter:saturate(1.03) contrast(1.02);
}
.service-card-body{
  position:relative;
  z-index:1;
  flex:1;
  display:flex;
  align-items:flex-start;
  justify-content:center;
  padding:22px 22px 26px;
}
.service-card-body p{
  margin:0;
  color:rgba(245,243,238,.82);
  font-size:15px;
  line-height:1.68;
  font-weight:600;
  text-align:center;
}
.services-cta-wrap{
  display:flex;
  justify-content:center;
  margin-top:44px;
}
.reveal-in{
  opacity:0;
  transform:translateY(22px);
  transition:
    opacity .84s cubic-bezier(.16,1,.3,1),
    transform .84s cubic-bezier(.16,1,.3,1);
  transition-delay:var(--reveal-delay,0ms);
}
.reveal-in.is-visible{opacity:1;transform:translateY(0)}
@media(max-width:760px){
  .section-container{width:min(100% - 32px,var(--max))}
  .services-section{padding:78px 0 82px}
  .services-heading{margin-bottom:34px}
  .section-kicker{font-size:10.5px;letter-spacing:.17em;gap:9px;margin-bottom:12px}
  .section-kicker::before,.section-kicker::after{width:30px}
  .services-heading h2{font-size:clamp(34px,11vw,48px)}
  .services-grid{grid-template-columns:1fr;gap:22px;max-width:520px}
  .service-card{border-radius:30px}
  .service-image-shell{margin:10px 10px 0;border-radius:22px}
  .service-card-body{padding:20px 18px 24px}
  .service-card-body p{font-size:14.2px;line-height:1.62}
  .services-cta-wrap{margin-top:36px}
}
@media(max-width:420px){
  .section-container{width:min(100% - 28px,var(--max))}
}
@media(prefers-reduced-motion:reduce){
  .reveal-in{opacity:1;transform:none}
}

/* ─── S3 Sobre ─── */
.about-section{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding:clamp(62px,6vw,96px) 0 clamp(68px,6.2vw,102px);
  background:
    radial-gradient(circle at 18% 12%,rgba(234,206,116,.12),transparent 34%),
    radial-gradient(circle at 82% 18%,rgba(195,159,67,.14),transparent 32%),
    linear-gradient(180deg,#050505 0%,#201B18 48%,#050505 100%);
}
.about-bg{
  position:absolute;
  inset:0;
  z-index:-2;
  pointer-events:none;
  background:
    radial-gradient(circle at 12% 16%,rgba(234,206,116,.20),transparent 28rem),
    radial-gradient(circle at 86% 12%,rgba(195,159,67,.14),transparent 30rem),
    radial-gradient(circle at 54% 96%,rgba(234,206,116,.10),transparent 31rem),
    linear-gradient(180deg,#050505 0%,#201B18 50%,#050505 100%);
}
.about-bg::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.15;
  background-image:
    linear-gradient(rgba(234,206,116,.12) 1px,transparent 1px),
    linear-gradient(90deg,rgba(234,206,116,.08) 1px,transparent 1px);
  background-size:76px 76px;
  mask-image:linear-gradient(180deg,transparent 0%,#000 12%,#000 88%,transparent 100%);
  -webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 12%,#000 88%,transparent 100%);
}
.about-bg::after{
  content:"";
  position:absolute;
  inset:-1px;
  pointer-events:none;
  background:
    linear-gradient(180deg,rgba(5,5,5,.96),rgba(5,5,5,0) 16%,rgba(5,5,5,0) 82%,rgba(5,5,5,.96)),
    radial-gradient(ellipse at 50% 0%,rgba(234,206,116,.14),transparent 62%),
    radial-gradient(ellipse at 50% 100%,rgba(138,114,65,.22),transparent 60%);
}
.about-inner{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:minmax(300px,.92fr) minmax(320px,1.08fr);
  gap:clamp(28px,5vw,64px);
  align-items:center;
}
.about-portrait{
  --about-card-bgpos:0% 50%;
  position:relative;
  border-radius:38px;
  padding:10px;
  overflow:hidden;
  isolation:isolate;
  background:linear-gradient(180deg,rgba(32,27,24,.72),rgba(5,5,5,.92));
  border:1px solid rgba(234,206,116,.30);
  box-shadow:
    0 38px 100px rgba(0,0,0,.38),
    0 18px 54px rgba(195,159,67,.16),
    0 0 10px 1px rgba(0,0,0,.60),
    inset 0 1px 0 rgba(245,243,238,.13);
  transition:transform .45s cubic-bezier(.2,.8,.2,1);
}
.about-portrait::before,
.about-portrait::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  border-radius:inherit;
  background-image:linear-gradient(90deg,transparent 0%,#050505 10%,#8A7241 25%,#EACE74 43%,#EACE74 50%,#C39F43 58%,#C39F43 74%,#050505 90%,transparent 100%);
  background-size:260% 100%;
  background-position:var(--about-card-bgpos);
}
.about-portrait::before{
  z-index:0;
  filter:blur(15px);
  opacity:.78;
}
.about-portrait::after{
  z-index:5;
  padding:2px;
  opacity:.96;
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
}
.about-portrait img{
  position:relative;
  z-index:2;
  display:block;
  width:100%;
  aspect-ratio:4/5;
  height:auto;
  object-fit:cover;
  object-position:center center;
  border-radius:30px;
  filter:saturate(.97) contrast(1.03) brightness(.94) sepia(.05);
  box-shadow:0 26px 70px rgba(0,0,0,.34);
  mask-image:linear-gradient(180deg,#000 0%,#000 83%,rgba(0,0,0,.82) 92%,transparent 100%);
  -webkit-mask-image:linear-gradient(180deg,#000 0%,#000 83%,rgba(0,0,0,.82) 92%,transparent 100%);
}
.about-portrait .about-fade{display:none}
.about-copy{
  position:relative;
  padding:clamp(28px,4.2vw,46px);
  border-radius:36px;
  background:
    linear-gradient(160deg,rgba(32,27,24,.78),rgba(5,5,5,.76)),
    radial-gradient(circle at 92% 4%,rgba(234,206,116,.10),transparent 40%);
  border:1px solid rgba(234,206,116,.25);
  box-shadow:
    0 28px 84px rgba(0,0,0,.36),
    0 0 0 1px rgba(195,159,67,.10),
    inset 0 1px 0 rgba(245,243,238,.12);
  backdrop-filter:blur(22px) saturate(1.16);
  -webkit-backdrop-filter:blur(22px) saturate(1.16);
  overflow:hidden;
}
.about-copy::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  padding:1px;
  background:linear-gradient(135deg,rgba(234,206,116,.62),rgba(245,243,238,.12),rgba(195,159,67,.32));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
  pointer-events:none;
}
.about-copy::after{
  content:"";
  position:absolute;
  right:-80px;
  top:-90px;
  width:260px;
  height:260px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(234,206,116,.14),transparent 66%);
  pointer-events:none;
}
.about-eyebrow{
  position:relative;
  z-index:1;
  display:inline-flex;
  align-items:center;
  gap:13px;
  color:var(--gold-400);
  text-transform:uppercase;
  letter-spacing:.28em;
  font-size:12px;
  font-weight:900;
  line-height:1.2;
  text-shadow:0 0 20px rgba(234,206,116,.30);
}
.about-eyebrow::after{
  content:"";
  width:76px;
  height:1px;
  background:linear-gradient(90deg,var(--gold-400),rgba(234,206,116,0));
}
.about-copy h2{
  position:relative;
  z-index:1;
  font-family:'Playfair Display',Georgia,serif;
  font-size:clamp(34px,4.2vw,58px);
  line-height:1.02;
  margin:16px 0 18px;
  letter-spacing:-.046em;
  color:var(--cream-50);
  text-wrap:balance;
  text-shadow:0 0 34px rgba(234,206,116,.10),0 16px 38px rgba(0,0,0,.30);
}
.about-copy p{
  position:relative;
  z-index:1;
  font-size:15.5px;
  line-height:1.72;
  color:rgba(245,243,238,.80);
  margin:0 0 14px;
  font-weight:500;
}
.about-copy .about-lead{
  font-size:17px;
  color:rgba(245,243,238,.92);
  font-weight:700;
}
.about-cta-wrap{
  position:relative;
  z-index:2;
  display:flex;
  justify-content:flex-start;
  margin:26px 0 6px;
}
.about-reveal{
  opacity:0;
  transform:translateY(34px);
  transition:opacity .78s cubic-bezier(.16,1,.3,1),transform .78s cubic-bezier(.16,1,.3,1);
}
.about-reveal.is-visible{opacity:1;transform:translateY(0)}
.about-reveal-delay{transition-delay:.12s}

@media(max-width:980px){
  .about-inner{grid-template-columns:1fr;gap:30px}
  .about-portrait{max-width:620px;margin-inline:auto;order:2}
  .about-copy{order:1;text-align:left;margin-inline:auto}
  .about-cta-wrap{justify-content:center;text-align:center}
}
@media(max-width:760px){
  .about-section{padding:54px 0 62px}
  .about-inner{gap:26px}
  .about-copy{padding:28px 20px;border-radius:26px}
  .about-copy h2{font-size:clamp(31px,8vw,40px)}
  .about-copy .about-lead{font-size:16px}
  .about-copy p{font-size:15px;line-height:1.66}
  .about-eyebrow{font-size:10px;letter-spacing:.16em;gap:8px}
  .about-eyebrow::after{width:42px}
  .about-portrait[data-depth]{transform:none!important}
  .about-portrait{order:1;border-radius:28px;padding:8px;max-width:450px}
  .about-copy{order:2}
  .about-portrait img{border-radius:22px}
  .about-cta-wrap{margin:24px 0 10px;justify-content:center}
  .about-reveal{opacity:1;transform:none;transition:none}
}
@media(prefers-reduced-motion:reduce){
  .about-reveal{opacity:1!important;transform:none!important}
}

/* ─── S4 Contato | código copiado da Daniele Guerra v14 e adaptado ─── */
.contact-section{
  position:relative;
  padding:clamp(53px,6vw,85px) 0 clamp(76px,8vw,118px);
  isolation:isolate;
  overflow:hidden;
  background:var(--ink-950);
}
.contact-bg{
  position:absolute;
  inset:0;
  z-index:-2;
  pointer-events:none;
  background:
    radial-gradient(circle at 18% 10%,rgba(234,206,116,.18),transparent 29rem),
    radial-gradient(circle at 86% 20%,rgba(195,159,67,.25),transparent 34rem),
    radial-gradient(circle at 52% 102%,rgba(195,159,67,.15),transparent 30rem),
    linear-gradient(180deg,#050505 0%,#201B18 48%,#050505 100%);
}
.contact-bg::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.16;
  background-image:
    linear-gradient(rgba(234,206,116,.12) 1px,transparent 1px),
    linear-gradient(90deg,rgba(234,206,116,.10) 1px,transparent 1px);
  background-size:76px 76px;
  mask-image:linear-gradient(180deg,transparent 0%,#000 10%,#000 90%,transparent 100%);
  -webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 10%,#000 90%,transparent 100%);
}
.contact-bg::after{
  content:"";
  position:absolute;
  inset:-1px;
  pointer-events:none;
  background:
    linear-gradient(180deg,rgba(5,5,5,.96),rgba(5,5,5,0) 18%,rgba(5,5,5,0) 78%,rgba(5,5,5,.96)),
    radial-gradient(ellipse at 50% 0%,rgba(234,206,116,.14),transparent 62%);
}
.contact-shell{
  position:relative;
  z-index:2;
  border:1px solid rgba(234,206,116,.28);
  border-radius:38px;
  padding:clamp(28px,5vw,48px);
  background:linear-gradient(150deg,rgba(32,27,24,.88),rgba(5,5,5,.80));
  box-shadow:0 34px 98px rgba(0,0,0,.40),0 20px 58px rgba(195,159,67,.12),inset 0 1px 0 rgba(245,243,238,.12);
  backdrop-filter:blur(22px) saturate(1.16);
  -webkit-backdrop-filter:blur(22px) saturate(1.16);
  overflow:hidden;
}
.contact-shell::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  padding:1px;
  background:linear-gradient(135deg,rgba(234,206,116,.66),rgba(245,243,238,.11),rgba(195,159,67,.34));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
  pointer-events:none;
}
.contact-shell::after{
  content:"";
  position:absolute;
  right:-110px;
  top:-120px;
  width:320px;
  height:320px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(234,206,116,.17),rgba(195,159,67,.08) 38%,transparent 68%);
  pointer-events:none;
}
.contact-top{
  position:relative;
  z-index:2;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:clamp(30px,5vw,78px);
  margin-bottom:32px;
}
.contact-brand{
  flex:0 0 clamp(232px,21vw,318px);
  width:clamp(232px,21vw,318px);
  margin:0;
  padding:14px 16px;
  border-radius:24px;
  background:linear-gradient(180deg,rgba(245,243,238,.99),rgba(245,243,238,.965));
  border:1px solid rgba(245,243,238,.90);
  box-shadow:0 20px 48px rgba(0,0,0,.28),0 0 0 1px rgba(195,159,67,.12),inset 0 1px 0 rgba(245,243,238,.95);
  pointer-events:none;
}
.contact-brand img{
  display:block;
  height:auto;
  object-fit:contain;
}
.contact-brand-pedro{
  min-height:142px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
}
.contact-brand-pedro img{
  width:clamp(72px,7vw,100px);
  max-width:34%;
  filter:drop-shadow(0 12px 18px rgba(32,27,24,.14));
}
.contact-brand-pedro figcaption{
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-width:0;
  color:var(--ink-900);
  font-family:'Playfair Display',Georgia,serif;
  line-height:.95;
}
.contact-brand-pedro strong{
  font-size:clamp(36px,3.5vw,52px);
  letter-spacing:-.055em;
}
.contact-brand-pedro span{
  font-size:clamp(18px,1.8vw,27px);
  font-weight:800;
  letter-spacing:-.035em;
}
.contact-heading,.contact-grid,.contact-main-cta{position:relative;z-index:2}
.contact-heading{max-width:720px;margin-bottom:0}
.contact-eyebrow{
  display:inline-flex;
  align-items:center;
  gap:13px;
  color:var(--gold-400);
  text-transform:uppercase;
  letter-spacing:.28em;
  font-size:12px;
  font-weight:900;
  line-height:1.2;
  text-shadow:0 0 20px rgba(234,206,116,.30);
}
.contact-eyebrow::after{
  content:"";
  width:76px;
  height:1px;
  background:linear-gradient(90deg,var(--gold-400),rgba(234,206,116,0));
}
.contact-heading h2{
  font-size:clamp(34px,4.2vw,58px);
  line-height:1.02;
  margin:16px 0 18px;
  letter-spacing:-.046em;
  color:var(--cream-50);
  text-wrap:balance;
  text-shadow:0 0 34px rgba(234,206,116,.10),0 16px 38px rgba(0,0,0,.30);
}
.contact-heading p{
  margin:0;
  color:rgba(245,243,238,.82);
  font-size:15.8px;
  line-height:1.72;
  font-weight:500;
}
.contact-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
  margin-top:24px;
}
.contact-card{
  min-height:178px;
  padding:24px;
  border-radius:24px;
  border:1px solid rgba(234,206,116,.22);
  background:linear-gradient(180deg,rgba(245,243,238,.075),rgba(32,27,24,.22));
  box-shadow:inset 0 1px 0 rgba(245,243,238,.10),0 20px 55px rgba(0,0,0,.24),0 10px 34px rgba(195,159,67,.10);
  transition:transform .28s cubic-bezier(.2,.8,.2,1),border-color .28s cubic-bezier(.2,.8,.2,1),background .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s cubic-bezier(.2,.8,.2,1);
  overflow:hidden;
  word-break:break-word;
  color:var(--cream-50);
  text-align:left;
}
.contact-card:hover,.contact-card:focus-visible{
  transform:translateY(-5px);
  border-color:rgba(234,206,116,.58);
  background:linear-gradient(180deg,rgba(234,206,116,.13),rgba(32,27,24,.22));
  box-shadow:inset 0 1px 0 rgba(245,243,238,.14),0 26px 64px rgba(0,0,0,.32),0 0 34px rgba(234,206,116,.14);
  outline:none;
}
.contact-icon{
  width:52px;
  height:52px;
  border-radius:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(135deg,rgba(234,206,116,.22),rgba(245,243,238,.07));
  border:1px solid rgba(234,206,116,.32);
  margin-bottom:18px;
  color:var(--gold-300);
  box-shadow:0 0 22px rgba(195,159,67,.08);
}
.contact-icon svg{width:30px;height:30px;display:block;fill:currentColor}
.contact-card strong{
  display:block;
  font-size:14px;
  letter-spacing:.12em;
  text-transform:uppercase;
  margin-bottom:10px;
  color:var(--cream-50);
}
.contact-card em{
  display:block;
  max-width:100%;
  overflow-wrap:anywhere;
  word-break:break-word;
  font-style:normal;
  color:rgba(245,243,238,.78);
  font-size:clamp(15px,1.45vw,17px);
  line-height:1.45;
  font-weight:700;
}
.contact-main-cta{display:flex;justify-content:center;margin-top:38px;padding-bottom:32px}
.contact-cta-wrap{display:inline-block;margin:0 0 8px}
.contact-card-animated{overflow:visible}
.contact-card-animated .contact-icon-animated{
  width:auto;
  height:auto;
  display:block;
  margin-bottom:10px;
  padding:0;
  background:none;
  border:0;
  box-shadow:none;
  overflow:visible;
}
.contact-card-animated .contact-anim-item{
  position:relative;
  display:inline-block;
  width:60px;
  height:84px;
  color:var(--gold-300);
}
.contact-card-animated .contact-anim-svg{
  transition:all .3s cubic-bezier(.2,.8,.2,1);
  padding:.7rem;
  height:60px;
  width:60px;
  border-radius:100%;
  color:inherit;
  fill:currentColor;
  background:linear-gradient(135deg,rgba(234,206,116,.24),rgba(245,243,238,.07));
  box-shadow:inset 0 0 20px rgba(245,243,238,.30),inset 0 0 5px rgba(245,243,238,.50),0 5px 5px rgba(0,0,0,.164);
}
.contact-card-instagram .contact-anim-svg{padding:.58rem}
.contact-card-animated .contact-anim-text{
  opacity:0;
  border-radius:5px;
  padding:5px 8px;
  transition:all .3s cubic-bezier(.2,.8,.2,1);
  color:inherit;
  background-color:rgba(245,243,238,.22);
  position:absolute;
  z-index:5;
  left:0;
  top:68px;
  white-space:nowrap;
  pointer-events:none;
  font-size:12px;
  font-weight:700;
  box-shadow:-5px 0 1px rgba(153,153,153,.18),-10px 0 1px rgba(153,153,153,.18),inset 0 0 20px rgba(245,243,238,.30),inset 0 0 5px rgba(245,243,238,.50),0 5px 5px rgba(0,0,0,.082);
}
.contact-card-animated .contact-anim-layer{
  opacity:0;
  position:absolute;
  left:0;
  top:0;
  height:60px;
  width:60px;
  border-radius:50%;
  border:1px solid currentColor;
  background:rgba(245,243,238,.04);
  box-shadow:inset 0 0 20px rgba(245,243,238,.30),inset 0 0 5px rgba(245,243,238,.50),0 5px 5px rgba(0,0,0,.164);
  transition:all .3s cubic-bezier(.2,.8,.2,1);
  pointer-events:none;
}
.contact-card-animated:hover .contact-anim-svg,
.contact-card-animated:focus-visible .contact-anim-svg{
  transform:translate(15px,-15px);
  border-radius:100%;
}
.contact-card-animated:hover .contact-anim-text,
.contact-card-animated:focus-visible .contact-anim-text{
  opacity:1;
  transform:translate(25px,-2px) skew(-5deg);
}
.contact-card-animated:hover .contact-anim-layer,
.contact-card-animated:focus-visible .contact-anim-layer{opacity:1}
.contact-card-animated:hover .contact-anim-layer:nth-child(1),
.contact-card-animated:focus-visible .contact-anim-layer:nth-child(1){opacity:.2}
.contact-card-animated:hover .contact-anim-layer:nth-child(2),
.contact-card-animated:focus-visible .contact-anim-layer:nth-child(2){opacity:.4;transform:translate(5px,-5px)}
.contact-card-animated:hover .contact-anim-layer:nth-child(3),
.contact-card-animated:focus-visible .contact-anim-layer:nth-child(3){opacity:.6;transform:translate(10px,-10px)}
.contact-reveal{
  opacity:0;
  transform:translateY(34px);
  transition:opacity .78s cubic-bezier(.16,1,.3,1),transform .78s cubic-bezier(.16,1,.3,1);
}
.contact-reveal.is-visible{opacity:1;transform:translateY(0)}

@media(max-width:1080px){
  .contact-top{gap:28px}
  .contact-brand{flex-basis:min(248px,34vw);width:min(248px,34vw)}
  .contact-heading{max-width:680px}
  .contact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  .contact-section{padding:49px 0 72px}
  .contact-shell{border-radius:26px;padding:28px 20px}
  .contact-top{flex-direction:column;align-items:center;gap:22px;margin-bottom:28px}
  .contact-brand{order:-1;width:min(244px,78vw);flex-basis:auto;margin:0 auto;padding:12px 14px;border-radius:22px}
  .contact-brand-pedro{min-height:120px}
  .contact-brand-pedro img{width:74px;max-width:34%}
  .contact-heading{width:100%;max-width:100%}
  .contact-heading h2{font-size:clamp(31px,8vw,40px)}
  .contact-heading p{font-size:15px}
  .contact-eyebrow{font-size:10px;letter-spacing:.16em;gap:8px}
  .contact-eyebrow::after{width:42px}
  .contact-grid{grid-template-columns:1fr}
  .contact-card{padding:20px;min-height:auto}
  .contact-card em{font-size:15.5px}
  .contact-main-cta{margin-top:34px;padding-bottom:28px}
  .contact-main-cta .dg-cta-btn-inner{padding-inline:34px}
  .contact-reveal{opacity:1;transform:none;transition:none}
}
@media(prefers-reduced-motion:reduce){
  .contact-reveal{opacity:1!important;transform:none!important}
}



/* ─── Ajustes Pedro Contador v03 ─── */
.services-section,
.about-section,
.contact-section{background:#050505}
.services-section{padding-top:104px}
.services-grid{max-width:1040px}
.service-card-body{min-height:auto;padding:22px 22px 18px}
@media(max-width:760px){.service-card-body{min-height:auto;padding:18px 18px 16px}}
.about-portrait img{object-position:42% center;filter:saturate(.78) contrast(1.08) brightness(.82) sepia(.08)}
.about-portrait::before,
.about-portrait::after{background-image:linear-gradient(90deg,transparent 0%,#050505 10%,#8A7241 25%,#EACE74 43%,#EACE74 50%,#C39F43 58%,#8A7241 74%,#050505 90%,transparent 100%)}
.contact-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.contact-brand-pedro{
  min-height:142px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:14px;
}
.contact-brand-mark{
  width:clamp(66px,6.8vw,94px);
  height:clamp(66px,6.8vw,94px);
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  color:#F5F3EE;
  font-size:clamp(19px,2.2vw,30px);
  font-weight:900;
  letter-spacing:-.055em;
  background:
    radial-gradient(circle at 30% 18%,rgba(245,243,238,.24),transparent 34%),
    linear-gradient(135deg,var(--ink-900),var(--teal-700));
  border:1px solid rgba(195,159,67,.52);
  box-shadow:inset 0 1px 0 rgba(245,243,238,.22),0 14px 28px rgba(32,27,24,.20);
}
.contact-brand-pedro figcaption{
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-width:0;
  color:var(--ink-900);
  font-family:'Playfair Display',Georgia,serif;
  line-height:.95;
}
.contact-brand-pedro strong{
  font-size:clamp(32px,3.2vw,48px);
  letter-spacing:-.055em;
}
.contact-brand-pedro span:not(.contact-brand-mark){
  font-size:clamp(17px,1.7vw,25px);
  font-weight:800;
  letter-spacing:-.035em;
}
@media(max-width:1080px){
  .contact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  .services-section{padding:72px 0 82px}
  .about-portrait{order:1;border-radius:28px;padding:8px;max-width:450px}
  .about-copy{order:2}
  .contact-grid{grid-template-columns:1fr}
  .contact-brand-pedro{min-height:120px}
  .contact-brand-mark{width:72px;height:72px;font-size:22px}
}

/* ─── Footer ─── */
.footer{
  padding:18px 0 50px;
  color:rgba(245,243,238,.72);
  background:#050505;
}
.footer-shell{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:18px 22px;
  border-radius:999px;
  background:linear-gradient(180deg,rgba(245,243,238,.10),rgba(245,243,238,.045));
  border:1px solid rgba(234,206,116,.24);
  box-shadow:
    inset 0 1px 0 rgba(245,243,238,.16),
    inset 0 -1px 0 rgba(245,243,238,.08),
    0 24px 60px rgba(0,0,0,.18);
  backdrop-filter:blur(22px) saturate(1.15);
  -webkit-backdrop-filter:blur(22px) saturate(1.15);
  position:relative;
  overflow:hidden;
}
.footer-shell::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  padding:1px;
  background:linear-gradient(135deg,rgba(245,243,238,.34),rgba(234,206,116,.35),rgba(245,243,238,.08));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
  pointer-events:none;
}
.footer small{
  font-size:13px;
  position:relative;
  z-index:1;
}
.footer a{
  color:#C39F43;
  text-decoration:none;
  font-weight:800;
}
.footer a:hover{color:#C39F43}

@media(max-width:1080px){
  .hero-inner{min-height:auto;padding-top:18px}
  .hero-copy{max-width:820px}
}
@media(max-width:760px){
  #home,#servicos,#sobre,#contato{scroll-margin-top:96px}
  .section-container{width:min(100% - 32px,var(--max))}
  .site-header{top:12px;width:calc(100% - 24px);height:74px;padding:8px 10px 8px 12px;overflow:visible}
  .brand-shell{height:58px;max-width:calc(100vw - 98px);padding:5px 12px 5px 9px;gap:8px}
  .brand-mark{width:46px;height:46px;font-size:13px}
  .brand-text strong{font-size:22px}
  .brand-text em{font-size:13px;max-width:118px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .menu-toggle{display:flex;flex:0 0 auto}
  .main-nav{
    position:absolute;
    top:84px;
    left:0;right:0;
    display:grid;
    justify-content:stretch;
    justify-items:center;
    align-content:start;
    gap:10px;
    padding:34px 18px 24px;
    border-radius:28px;
    background:rgba(5,5,5,.96);
    border:1px solid rgba(234,206,116,.22);
    box-shadow:0 30px 80px rgba(0,0,0,.56),inset 0 1px 0 rgba(245,243,238,.07);
    backdrop-filter:blur(20px) saturate(1.18);
    -webkit-backdrop-filter:blur(20px) saturate(1.18);
    opacity:0;
    pointer-events:none;
    transform:translateY(-10px);
    transition:opacity .28s cubic-bezier(.22,1,.36,1),transform .28s cubic-bezier(.22,1,.36,1);
  }
  .main-nav.is-open{opacity:1;pointer-events:auto;transform:translateY(0)}
  .main-nav a{
    width:min(100%,320px);
    min-height:44px;
    justify-self:center;
    background:rgba(234,206,116,.08);
    color:rgba(245,243,238,.92);
    text-align:center;
  }
  .hero{padding:112px 0 32px;align-items:center;min-height:100svh}
  .hero-bg{background-position:center,center,47% center;filter:blur(1.8px) saturate(1.02) sepia(.08) brightness(1.08) contrast(1.03)}
  .hero-inner{width:min(100% - 32px,var(--max));min-height:calc(100svh - 162px);padding-top:4px;overflow:visible}
  .hero-copy{width:100%;max-width:100%;min-width:0;text-align:center;margin-inline:auto;padding:28px 18px 30px;border-radius:28px;background:linear-gradient(180deg,rgba(5,5,5,.54),rgba(5,5,5,.36))}
  .hero-copy > *{max-width:100%}
  .hero-eyebrow{letter-spacing:.18em;font-size:10.5px;justify-content:center;gap:9px}
  .hero-eyebrow::before,.hero-eyebrow::after{width:30px}
  h1{max-width:100%;font-size:clamp(27px,8.4vw,41px);line-height:1.05;margin:16px 0 16px;letter-spacing:-.045em}
  .hero-subtitle{max-width:100%;font-size:15px;line-height:1.62;margin-bottom:10px}
  .hero-cta-wrap{justify-content:center;margin-top:24px;margin-bottom:2px}
  .dg-cta-btn{width:fit-content;max-width:calc(100% - 28px);min-width:0;padding:2px;margin-inline:auto}
  .dg-cta-btn::before,.dg-cta-btn::after{inset:-48%;width:auto;height:auto}
  .dg-cta-btn::before{filter:blur(10px);opacity:.80}
  .dg-cta-btn-inner{width:auto;min-width:0;max-width:100%;min-height:52px;padding-inline:26px}
  .hero-bottom-fade{height:110px}
  .hero-depth-left{left:-18%;top:24%;opacity:.34}
  .hero-depth-right{right:-22%;top:34%;width:440px;height:430px;opacity:.56}
  .footer-shell{border-radius:28px;justify-content:center;text-align:center}
}
@media(max-width:420px){
  .section-container{width:min(100% - 28px,var(--max))}
  .brand-shell{height:54px;padding:5px 10px 5px 8px}
  .brand-mark{width:43px;height:43px;font-size:12px}
  .brand-text strong{font-size:20px}
  .brand-text em{font-size:12.5px;max-width:106px}
  .hero{padding-top:106px}
  .hero-inner{width:min(100% - 28px,var(--max))}
  .hero-copy{padding:25px 16px 28px}
  .hero-subtitle{font-size:14.6px}
  .dg-cta-btn-inner{padding-inline:20px;font-size:13px}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;transition:none!important}
  .reveal{opacity:1;transform:none}
}

.contact-brand-pedro .contact-brand-mark{
  width:clamp(66px,6.8vw,94px);
  height:clamp(66px,6.8vw,94px);
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  color:#F5F3EE;
  font-size:clamp(19px,2.2vw,30px);
  font-weight:900;
  letter-spacing:-.055em;
  background:
    radial-gradient(circle at 30% 18%,rgba(245,243,238,.24),transparent 34%),
    linear-gradient(135deg,var(--ink-900),var(--teal-700));
  border:1px solid rgba(195,159,67,.52);
  box-shadow:inset 0 1px 0 rgba(245,243,238,.22),0 14px 28px rgba(32,27,24,.20);
}
@media(max-width:760px){
  .contact-brand-pedro .contact-brand-mark{width:72px;height:72px;font-size:22px}
}


/* ==== Custom overrides | FJ Assessoria Contábil ==== */
.brand-logo-shell{
  height:66px;
  padding:7px 10px;
  background:linear-gradient(180deg,rgba(5,5,5,.96),rgba(32,27,24,.92));
  border:1px solid rgba(234,206,116,.34);
  box-shadow:inset 0 1px 0 rgba(245,243,238,.08),0 8px 24px rgba(0,0,0,.24),0 0 18px rgba(195,159,67,.08);
}
.brand-logo{
  display:block;
  height:50px;
  width:auto;
  max-width:min(340px,48vw);
  object-fit:contain;
  filter:drop-shadow(0 10px 18px rgba(0,0,0,.22));
}
.contact-brand-logo{
  min-height:142px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.contact-brand-logo img{
  width:min(100%,270px);
  height:auto;
  object-fit:contain;
  filter:drop-shadow(0 18px 28px rgba(0,0,0,.22));
}
.contact-grid{grid-template-columns:repeat(4,minmax(0,1fr));}
@media(max-width:1080px){
  .contact-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:760px){
  .brand-logo-shell{height:58px;padding:5px 9px;}
  .brand-logo{height:44px;max-width:calc(100vw - 120px);}
  .contact-brand-logo img{width:min(100%,244px);}
}
@media(max-width:420px){
  .brand-logo-shell{height:54px;padding:5px 8px;}
  .brand-logo{height:40px;max-width:calc(100vw - 122px);}
}


/* Final palette lock — FJAC */
body, .about-section, .contact-section{background:#050505;}
.services-section{background:#201B18;}
.hero{background:radial-gradient(circle at 50% 42%,rgba(234,206,116,.18),transparent 42%),#050505;}
.hero-bg{
  background-image:
    radial-gradient(ellipse at 50% 48%,rgba(5,5,5,.44) 0%,rgba(5,5,5,.34) 28%,rgba(5,5,5,.18) 48%,rgba(5,5,5,.22) 100%),
    linear-gradient(180deg,rgba(32,27,24,.22) 0%,rgba(32,27,24,.18) 44%,rgba(5,5,5,.68) 100%),
    url('../images/bg-hero-v01.webp');
  filter:blur(1.7px) grayscale(1) sepia(.20) saturate(.72) brightness(1.02) contrast(1.08);
}
.hero::before{
  background:
    radial-gradient(ellipse at 50% 45%,rgba(5,5,5,.50) 0%,rgba(5,5,5,.32) 28%,rgba(5,5,5,.10) 50%,transparent 70%),
    radial-gradient(circle at 26% 36%,rgba(234,206,116,.18),transparent 28%),
    radial-gradient(circle at 74% 36%,rgba(138,114,65,.20),transparent 36%);
}
.service-card{
  background:
    linear-gradient(180deg,rgba(32,27,24,.86),rgba(5,5,5,.92)),
    radial-gradient(circle at 50% 0%,rgba(234,206,116,.12),transparent 56%);
}
.contact-card{background:linear-gradient(180deg,rgba(245,243,238,.075),rgba(32,27,24,.30));}
.contact-card:hover,.contact-card:focus-visible{background:linear-gradient(180deg,rgba(234,206,116,.13),rgba(32,27,24,.30));}


/* ─── Ajuste v02 | remover respiro excessivo dos cards de serviços ─── */
.service-card{height:auto;}
.service-card-body{
  flex:0 0 auto;
  min-height:auto !important;
  padding:20px 22px 16px !important;
}
.service-card-body p{margin:0;}
@media(max-width:760px){
  .service-card-body{padding:18px 18px 14px !important;}
}


/* ─── Versão 03 | modal de mapa na sessão Contato ─── */
.contact-card-button{
  appearance:none;
  width:100%;
  font:inherit;
  cursor:pointer;
}
.contact-map-modal{
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:28px;
  opacity:0;
  pointer-events:none;
  transition:opacity .25s cubic-bezier(.2,.8,.2,1);
  z-index:8;
}
.contact-map-modal.is-open{
  opacity:1;
  pointer-events:auto;
}
.contact-map-backdrop{
  position:absolute;
  inset:0;
  background:rgba(5,5,5,.68);
  backdrop-filter:blur(4px);
  -webkit-backdrop-filter:blur(4px);
}
.contact-map-dialog{
  position:relative;
  z-index:2;
  width:min(820px,100%);
  max-height:calc(100% - 24px);
  padding:20px;
  border-radius:28px;
  border:1px solid rgba(234,206,116,.72);
  background:linear-gradient(180deg,rgba(32,27,24,.94),rgba(5,5,5,.90));
  box-shadow:
    inset 0 1px 0 rgba(245,243,238,.14),
    0 30px 74px rgba(0,0,0,.48),
    0 0 36px rgba(234,206,116,.16),
    0 0 0 1px rgba(138,114,65,.18);
  backdrop-filter:blur(18px) saturate(1.08);
  -webkit-backdrop-filter:blur(18px) saturate(1.08);
  overflow:auto;
}
.contact-map-header{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  margin-bottom:16px;
}
.contact-map-eyebrow{
  display:inline-block;
  margin-bottom:8px;
  color:var(--gold-400);
  font-size:11px;
  font-weight:900;
  letter-spacing:.18em;
  text-transform:uppercase;
}
.contact-map-header h3{
  max-width:590px;
  margin:0;
  color:var(--cream-50);
  font-size:clamp(20px,2.2vw,28px);
  line-height:1.22;
  letter-spacing:-.02em;
}
.contact-map-close{
  flex:0 0 auto;
  min-width:142px;
  min-height:46px;
  align-self:flex-start;
  cursor:pointer;
  border-radius:999px;
  border:1px solid rgba(234,206,116,.34);
  background:linear-gradient(135deg,rgba(32,27,24,.98),rgba(138,114,65,.94));
  color:var(--cream-50);
  font:inherit;
  font-size:12px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
  box-shadow:inset 0 1px 0 rgba(245,243,238,.12),0 12px 28px rgba(0,0,0,.26);
  transition:transform .25s cubic-bezier(.2,.8,.2,1),border-color .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s cubic-bezier(.2,.8,.2,1);
}
.contact-map-close:hover,
.contact-map-close:focus-visible{
  transform:translateY(-2px);
  border-color:rgba(234,206,116,.72);
  box-shadow:inset 0 1px 0 rgba(245,243,238,.16),0 16px 34px rgba(0,0,0,.34),0 0 22px rgba(234,206,116,.14);
  outline:none;
}
.contact-map-frame{
  overflow:hidden;
  border-radius:20px;
  border:1px solid rgba(234,206,116,.28);
  background:#F5F3EE;
  box-shadow:0 16px 42px rgba(0,0,0,.28);
}
.contact-map-frame iframe{
  display:block;
  width:100%;
  height:min(54vh,460px);
  border:0;
}
@media(max-width:760px){
  .contact-map-modal{padding:16px;}
  .contact-map-dialog{width:100%;padding:16px 16px 18px;border-radius:22px;max-height:calc(100% - 8px);}
  .contact-map-header{flex-direction:column;align-items:stretch;gap:14px;}
  .contact-map-close{width:100%;min-width:0;}
  .contact-map-frame iframe{height:min(46vh,300px);}
}


/* ─── Versão 04 | cards de contato em coluna única no celular ─── */
@media(max-width:760px){
  .contact-grid{
    grid-template-columns:1fr !important;
    max-width:100%;
  }
  .contact-card{
    width:100%;
  }
}
