/* Pedro Contador — Hero v01 | base técnica: BC Contabilidade v09 */
:root{
  --ink-950:#031433;
  --ink-900:#0B2C53;
  --ink-850:#194573;
  --ink-800:#194573;
  --blue-700:#194573;
  --gold-600:#B7852E;
  --gold-500:#D2A75A;
  --gold-400:#D2A75A;
  --gold-300:#D2A75A;
  --cream-100:#F7F5F0;
  --cream-50:#F7F5F0;
  --white:#F7F5F0;
  --muted:rgba(247,245,240,.78);
  --line:rgba(210,167,90,.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(210,167,90,.26);
  border-radius:999px;
  background:linear-gradient(180deg,rgba(11,44,83,.74),rgba(3,20,51,.54));
  box-shadow:0 28px 90px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.10),0 0 28px rgba(183,133,46,.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(210,167,90,.12),rgba(255,255,255,.04),rgba(25,69,115,.18));
}
.site-header::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  padding:1.5px;
  pointer-events:none;
  background:linear-gradient(112deg,
    rgba(247,245,240,.74) 0%,
    rgba(183,133,46,.62) 12%,
    rgba(247,245,240,.78) 25%,
    rgba(25,69,115,.36) 42%,
    rgba(247,245,240,.78) 60%,
    rgba(183,133,46,.58) 76%,
    rgba(247,245,240,.74) 89%,
    rgba(210,167,90,.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(247,245,240,.96),rgba(247,245,240,.89));
  border:1px solid rgba(210,167,90,.48);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.92),0 8px 24px rgba(0,0,0,.18),0 0 18px rgba(183,133,46,.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:#F7F5F0;
  font-size:14px;
  font-weight:900;
  letter-spacing:-.04em;
  background:
    radial-gradient(circle at 30% 18%,rgba(255,255,255,.24),transparent 34%),
    linear-gradient(135deg,var(--ink-900),var(--blue-700));
  border:1px solid rgba(183,133,46,.48);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.20),0 8px 18px rgba(11,44,83,.22);
}
.brand-text{
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-width:0;
  line-height:.92;
  color:#031433;
}
.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(247,245,240,.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(210,167,90,.12);
  box-shadow:0 0 0 1px rgba(210,167,90,.28),0 0 28px rgba(210,167,90,.12);
  transform:translateY(-1px);
  outline:none;
}
.menu-toggle{
  display:none;
  width:46px;
  height:46px;
  border:1px solid rgba(210,167,90,.34);
  border-radius:999px;
  background:rgba(210,167,90,.10);
  cursor:pointer;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  gap:5px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.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(210,167,90,.18),transparent 42%),var(--ink-950);
}
.hero-bg{
  position:absolute;
  inset:0;
  z-index:-6;
  background-image:
    radial-gradient(ellipse at 50% 48%,rgba(3,20,51,.42) 0%,rgba(3,20,51,.34) 28%,rgba(3,20,51,.18) 48%,rgba(3,20,51,.20) 100%),
    linear-gradient(180deg,rgba(3,20,51,.20) 0%,rgba(3,20,51,.16) 44%,rgba(3,20,51,.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.4px) grayscale(.18) saturate(.78) brightness(.84) contrast(1.08);
}
.hero::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-5;
  pointer-events:none;
  background:
    radial-gradient(ellipse at 50% 45%,rgba(3,20,51,.48) 0%,rgba(3,20,51,.30) 28%,rgba(3,20,51,.10) 50%,transparent 70%),
    radial-gradient(circle at 26% 36%,rgba(210,167,90,.16),transparent 28%),
    radial-gradient(circle at 74% 36%,rgba(25,69,115,.20),transparent 36%);
}
.hero::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-4;
  pointer-events:none;
  box-shadow:inset 0 0 94px rgba(3,20,51,.34),inset 0 -108px 150px rgba(3,20,51,.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(210,167,90,.18);
  opacity:.58;
}
.hero-depth-right{
  right:8%;
  top:15%;
  width:min(640px,52vw);
  height:min(560px,56vh);
  background:radial-gradient(circle,rgba(210,167,90,.18) 0%,rgba(25,69,115,.24) 35%,rgba(11,44,83,.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(210,167,90,.12) 1px,transparent 1px),
    linear-gradient(90deg,rgba(210,167,90,.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(255,255,255,.18);
  background:
    radial-gradient(circle at 50% 0%,rgba(255,255,255,.11),transparent 34%),
    linear-gradient(180deg,rgba(3,20,51,.48),rgba(3,20,51,.30));
  box-shadow:
    0 36px 110px rgba(0,0,0,.30),
    inset 0 1px 0 rgba(255,255,255,.18),
    inset 0 -1px 0 rgba(210,167,90,.10),
    0 0 0 1px rgba(210,167,90,.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(255,255,255,.42),rgba(210,167,90,.42),rgba(255,255,255,.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(210,167,90,.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(210,167,90,.34);
}
.hero-eyebrow::before,
.hero-eyebrow::after{
  content:"";
  width:64px;
  height:1px;
  background:linear-gradient(90deg,rgba(210,167,90,0),var(--gold-400));
}
.hero-eyebrow::after{background:linear-gradient(90deg,var(--gold-400),rgba(210,167,90,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(210,167,90,.12),0 4px 34px rgba(0,0,0,.54);
}
.hero-subtitle{
  max-width:650px;
  margin:0 auto 30px;
  color:rgba(247,245,240,.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:#F7F5F0;
  --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:#F7F5F0;
  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(210,167,90,.50),
    0 0 34px rgba(210,167,90,.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(3,20,51,.08) 0%,
    rgba(210,167,90,.30) 18%,
    rgba(11,44,83,.96) 32%,
    rgba(183,133,46,1) 42%,
    #F7F5F0 50%,
    #D2A75A 57%,
    rgba(183,133,46,1) 64%,
    rgba(11,44,83,.88) 76%,
    rgba(3,20,51,.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:#F7F5F0;
  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(247,245,240,.13),transparent 34%),
    linear-gradient(135deg,rgba(3,20,51,.99) 0%,rgba(11,44,83,.99) 48%,rgba(183,133,46,.98) 100%);
  border:1px solid rgba(247,245,240,.40);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.20),
    inset 0 -12px 24px rgba(0,0,0,.32),
    0 0 0 1px rgba(3,20,51,.62),
    0 0 20px rgba(247,245,240,.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(210,167,90,.14),
    0 0 44px rgba(247,245,240,.40);
  outline:none;
}
.dg-cta-btn:hover .dg-cta-btn-inner,.dg-cta-btn:focus-visible .dg-cta-btn-inner{
  color:#F7F5F0;
  background:
    radial-gradient(circle at 22% 0%,rgba(247,245,240,.18),transparent 36%),
    linear-gradient(135deg,rgba(3,20,51,.99) 0%,rgba(25,69,115,.99) 44%,rgba(183,133,46,.50) 78%,rgba(183,133,46,.92) 100%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.26),
    0 0 22px rgba(247,245,240,.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(3,20,51,0),rgba(3,20,51,.68) 72%,#031433 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(210,167,90,.18),transparent 34%),
    radial-gradient(circle at 86% 10%,rgba(183,133,46,.16),transparent 30%),
    linear-gradient(180deg,#031433 0%,#0B2C53 46%,#031433 100%);
}
.services-section::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-4;
  pointer-events:none;
  opacity:.16;
  background-image:
    linear-gradient(rgba(210,167,90,.12) 1px,transparent 1px),
    linear-gradient(90deg,rgba(210,167,90,.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(3,20,51,.86) 0%,rgba(3,20,51,0) 18%,rgba(3,20,51,0) 82%,rgba(3,20,51,.84) 100%),
    radial-gradient(ellipse at 50% 44%,rgba(25,69,115,.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(183,133,46,.26);
  opacity:.58;
}
.services-bg-orb-right{
  width:460px;
  height:460px;
  right:-190px;
  bottom:40px;
  background:radial-gradient(circle,rgba(210,167,90,.18) 0%,rgba(183,133,46,.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(210,167,90,.24);
}
.section-kicker::before,
.section-kicker::after{
  content:"";
  width:54px;
  height:1px;
  background:linear-gradient(90deg,rgba(210,167,90,0),rgba(210,167,90,.88));
}
.section-kicker::after{background:linear-gradient(90deg,rgba(210,167,90,.88),rgba(210,167,90,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(210,167,90,.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(210,167,90,.22);
  background:
    linear-gradient(180deg,rgba(25,69,115,.76),rgba(3,20,51,.88)),
    radial-gradient(circle at 50% 0%,rgba(210,167,90,.12),transparent 56%);
  box-shadow:
    0 28px 70px rgba(0,0,0,.36),
    inset 0 1px 0 rgba(255,255,255,.10),
    inset 0 -1px 0 rgba(210,167,90,.06),
    0 0 28px rgba(210,167,90,.08);
  overflow:hidden;
  transform:translateZ(0);
}
.service-card::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  padding:1px;
  background:linear-gradient(145deg,rgba(255,255,255,.28),rgba(210,167,90,.64),rgba(25,69,115,.22),rgba(255,255,255,.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(210,167,90,.14),transparent 68%);
  opacity:.76;
}
.service-image-shell{
  position:relative;
  margin:12px 12px 0;
  border-radius:26px;
  overflow:hidden;
  background:rgba(255,255,255,.06);
  box-shadow:0 18px 42px rgba(0,0,0,.26),0 0 0 1px rgba(255,255,255,.08);
}
.service-image-shell::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(3,20,51,0) 42%,rgba(3,20,51,.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(247,245,240,.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(210,167,90,.12),transparent 34%),
    radial-gradient(circle at 82% 18%,rgba(183,133,46,.14),transparent 32%),
    linear-gradient(180deg,#031433 0%,#0B2C53 48%,#031433 100%);
}
.about-bg{
  position:absolute;
  inset:0;
  z-index:-2;
  pointer-events:none;
  background:
    radial-gradient(circle at 12% 16%,rgba(210,167,90,.20),transparent 28rem),
    radial-gradient(circle at 86% 12%,rgba(183,133,46,.14),transparent 30rem),
    radial-gradient(circle at 54% 96%,rgba(210,167,90,.10),transparent 31rem),
    linear-gradient(180deg,#031433 0%,#0B2C53 50%,#031433 100%);
}
.about-bg::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.15;
  background-image:
    linear-gradient(rgba(210,167,90,.12) 1px,transparent 1px),
    linear-gradient(90deg,rgba(210,167,90,.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(3,20,51,.96),rgba(3,20,51,0) 16%,rgba(3,20,51,0) 82%,rgba(3,20,51,.96)),
    radial-gradient(ellipse at 50% 0%,rgba(210,167,90,.14),transparent 62%),
    radial-gradient(ellipse at 50% 100%,rgba(25,69,115,.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(25,69,115,.72),rgba(3,20,51,.92));
  border:1px solid rgba(210,167,90,.30);
  box-shadow:
    0 38px 100px rgba(0,0,0,.38),
    0 18px 54px rgba(183,133,46,.16),
    0 0 10px 1px rgba(0,0,0,.60),
    inset 0 1px 0 rgba(255,255,255,.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%,#031433 10%,#194573 25%,#D2A75A 43%,#F7F5F0 50%,#B7852E 58%,#B7852E 74%,#031433 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:grayscale(.12) saturate(.72) contrast(1.06) brightness(.86);
  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(25,69,115,.78),rgba(3,20,51,.76)),
    radial-gradient(circle at 92% 4%,rgba(210,167,90,.10),transparent 40%);
  border:1px solid rgba(210,167,90,.25);
  box-shadow:
    0 28px 84px rgba(0,0,0,.36),
    0 0 0 1px rgba(183,133,46,.10),
    inset 0 1px 0 rgba(255,255,255,.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(210,167,90,.62),rgba(255,255,255,.12),rgba(183,133,46,.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(210,167,90,.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(210,167,90,.30);
}
.about-eyebrow::after{
  content:"";
  width:76px;
  height:1px;
  background:linear-gradient(90deg,var(--gold-400),rgba(210,167,90,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(210,167,90,.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(247,245,240,.80);
  margin:0 0 14px;
  font-weight:500;
}
.about-copy .about-lead{
  font-size:17px;
  color:rgba(255,255,255,.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(210,167,90,.18),transparent 29rem),
    radial-gradient(circle at 86% 20%,rgba(183,133,46,.25),transparent 34rem),
    radial-gradient(circle at 52% 102%,rgba(183,133,46,.15),transparent 30rem),
    linear-gradient(180deg,#031433 0%,#0B2C53 48%,#031433 100%);
}
.contact-bg::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.16;
  background-image:
    linear-gradient(rgba(210,167,90,.12) 1px,transparent 1px),
    linear-gradient(90deg,rgba(210,167,90,.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(3,20,51,.96),rgba(3,20,51,0) 18%,rgba(3,20,51,0) 78%,rgba(3,20,51,.96)),
    radial-gradient(ellipse at 50% 0%,rgba(210,167,90,.14),transparent 62%);
}
.contact-shell{
  position:relative;
  z-index:2;
  border:1px solid rgba(210,167,90,.28);
  border-radius:38px;
  padding:clamp(28px,5vw,48px);
  background:linear-gradient(150deg,rgba(25,69,115,.88),rgba(3,20,51,.80));
  box-shadow:0 34px 98px rgba(0,0,0,.40),0 20px 58px rgba(183,133,46,.12),inset 0 1px 0 rgba(255,255,255,.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(210,167,90,.66),rgba(255,255,255,.11),rgba(183,133,46,.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(210,167,90,.17),rgba(183,133,46,.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(247,245,240,.99),rgba(247,245,240,.965));
  border:1px solid rgba(255,255,255,.90);
  box-shadow:0 20px 48px rgba(0,0,0,.28),0 0 0 1px rgba(183,133,46,.12),inset 0 1px 0 rgba(255,255,255,.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(11,44,83,.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(210,167,90,.30);
}
.contact-eyebrow::after{
  content:"";
  width:76px;
  height:1px;
  background:linear-gradient(90deg,var(--gold-400),rgba(210,167,90,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(210,167,90,.10),0 16px 38px rgba(0,0,0,.30);
}
.contact-heading p{
  margin:0;
  color:rgba(247,245,240,.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(210,167,90,.22);
  background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(25,69,115,.22));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 20px 55px rgba(0,0,0,.24),0 10px 34px rgba(183,133,46,.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(210,167,90,.58);
  background:linear-gradient(180deg,rgba(210,167,90,.13),rgba(25,69,115,.22));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 26px 64px rgba(0,0,0,.32),0 0 34px rgba(210,167,90,.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(210,167,90,.22),rgba(255,255,255,.07));
  border:1px solid rgba(210,167,90,.32);
  margin-bottom:18px;
  color:var(--gold-300);
  box-shadow:0 0 22px rgba(183,133,46,.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(247,245,240,.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(210,167,90,.24),rgba(255,255,255,.07));
  box-shadow:inset 0 0 20px rgba(255,255,255,.30),inset 0 0 5px rgba(255,255,255,.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(255,255,255,.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(255,255,255,.30),inset 0 0 5px rgba(255,255,255,.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(255,255,255,.04);
  box-shadow:inset 0 0 20px rgba(255,255,255,.30),inset 0 0 5px rgba(255,255,255,.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:#031433}
.services-section{padding-top:104px}
.services-grid{max-width:1040px}
.service-card-body{min-height:172px;padding:28px 24px 58px}
@media(max-width:760px){.service-card-body{min-height:154px;padding:24px 18px 48px}}
.about-portrait img{object-position:42% center;filter:grayscale(.18) saturate(.72) contrast(1.1) brightness(.78)}
.about-portrait::before,
.about-portrait::after{background-image:linear-gradient(90deg,transparent 0%,#031433 10%,#194573 25%,#D2A75A 43%,#F7F5F0 50%,#B7852E 58%,#194573 74%,#031433 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:#F7F5F0;
  font-size:clamp(19px,2.2vw,30px);
  font-weight:900;
  letter-spacing:-.055em;
  background:
    radial-gradient(circle at 30% 18%,rgba(255,255,255,.24),transparent 34%),
    linear-gradient(135deg,var(--ink-900),var(--blue-700));
  border:1px solid rgba(183,133,46,.52);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 14px 28px rgba(11,44,83,.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(247,245,240,.72);
  background:#031433;
}
.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(255,255,255,.10),rgba(255,255,255,.045));
  border:1px solid rgba(210,167,90,.24);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.16),
    inset 0 -1px 0 rgba(255,255,255,.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(255,255,255,.34),rgba(210,167,90,.35),rgba(255,255,255,.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:#D2A75A;
  text-decoration:none;
  font-weight:800;
}
.footer a:hover{color:#D2A75A}

@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(3,20,51,.96);
    border:1px solid rgba(210,167,90,.22);
    box-shadow:0 30px 80px rgba(0,0,0,.56),inset 0 1px 0 rgba(255,255,255,.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(210,167,90,.08);
    color:rgba(247,245,240,.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.4px) grayscale(.18) saturate(.76) brightness(.84) contrast(1.08)}
  .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(3,20,51,.54),rgba(3,20,51,.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:#F7F5F0;
  font-size:clamp(19px,2.2vw,30px);
  font-weight:900;
  letter-spacing:-.055em;
  background:
    radial-gradient(circle at 30% 18%,rgba(255,255,255,.24),transparent 34%),
    linear-gradient(135deg,var(--ink-900),var(--blue-700));
  border:1px solid rgba(183,133,46,.52);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 14px 28px rgba(11,44,83,.20);
}
@media(max-width:760px){
  .contact-brand-pedro .contact-brand-mark{width:72px;height:72px;font-size:22px}
}


/* ─── JC Contabilidade Digital | Overrides v01 ─── */
#home,#servicos,#sobre,#escritorio-virtual,#contato{scroll-margin-top:112px}
.brand-shell-logo{
  min-width:0;
  padding:8px 18px;
}
.brand-logo{
  display:block;
  height:48px;
  width:auto;
  max-width:min(260px,48vw);
  object-fit:contain;
}
.hero-eyebrow{letter-spacing:.2em}
.service-card-body{min-height:0;padding:24px 22px 30px}
.service-card-body p{font-size:15px;line-height:1.66}
.about-register{
  margin-top:-4px;
  margin-bottom:16px;
  color:var(--gold-300);
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}

/* Escritório virtual */
.office-section{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding:96px 0 102px;
  background:
    radial-gradient(circle at 14% 18%,rgba(210,167,90,.14),transparent 28rem),
    radial-gradient(circle at 86% 14%,rgba(25,69,115,.22),transparent 30rem),
    linear-gradient(180deg,var(--ink-950) 0%,var(--ink-900) 50%,var(--ink-950) 100%);
}
.office-bg{
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.18;
  background-image:
    linear-gradient(rgba(210,167,90,.16) 1px,transparent 1px),
    linear-gradient(90deg,rgba(247,245,240,.06) 1px,transparent 1px);
  background-size:72px 72px;
  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%);
}
.office-shell{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);
  gap:28px;
  align-items:start;
}
.office-copy,
.office-card{
  position:relative;
  border-radius:32px;
  border:1px solid rgba(210,167,90,.24);
  background:linear-gradient(180deg,rgba(11,44,83,.74),rgba(3,20,51,.84));
  box-shadow:0 28px 72px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.12),0 0 30px rgba(210,167,90,.08);
  backdrop-filter:blur(16px) saturate(1.06);
  -webkit-backdrop-filter:blur(16px) saturate(1.06);
}
.office-copy{
  padding:34px 34px 38px;
}
.office-copy h2{
  margin:0 0 18px;
  font-size:clamp(34px,4.8vw,56px);
  line-height:1.02;
  letter-spacing:-.05em;
  color:var(--white);
}
.office-copy p{
  margin:0 0 14px;
  color:rgba(247,245,240,.84);
  font-size:16px;
  line-height:1.7;
  font-weight:600;
}
.office-copy strong{color:var(--gold-300)}
.office-cta-wrap{display:flex;justify-content:flex-start;margin-top:26px}
.office-side{
  display:grid;
  gap:20px;
}
.office-card{
  padding:28px 26px;
}
.office-card h3{
  margin:0 0 16px;
  color:var(--white);
  font-size:22px;
  line-height:1.1;
  letter-spacing:-.03em;
}
.office-card p,
.office-hours li{
  color:rgba(247,245,240,.84);
  font-size:15px;
  line-height:1.7;
  font-weight:600;
}
.office-card p{margin:0 0 12px}
.office-card p:last-child{margin-bottom:0}
.office-card a{color:var(--gold-300);font-weight:800}
.office-hours{margin:0;padding-left:20px;display:grid;gap:8px}
.office-card-note{background:linear-gradient(180deg,rgba(25,69,115,.82),rgba(3,20,51,.92))}
.contact-brand-logo{
  min-height:142px;
  padding:18px 20px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.contact-brand-logo img{
  width:min(100%,320px);
  height:auto;
  object-fit:contain;
}
.contact-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.footer a:hover{color:var(--gold-500)}

@media(max-width:1080px){
  .office-shell{grid-template-columns:1fr}
  .contact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  #home,#servicos,#sobre,#escritorio-virtual,#contato{scroll-margin-top:96px}
  .brand-shell-logo{padding:6px 12px}
  .brand-logo{height:40px;max-width:min(220px,52vw)}
  .service-card-body{padding:20px 18px 24px}
  .office-section{padding:72px 0 82px}
  .office-shell{gap:22px}
  .office-copy{padding:26px 20px 30px;border-radius:28px}
  .office-copy h2{font-size:clamp(32px,9vw,42px)}
  .office-copy p{font-size:15px}
  .office-card{padding:22px 18px;border-radius:26px}
  .office-cta-wrap{justify-content:center}
  .contact-grid{grid-template-columns:1fr}
  .contact-brand-logo{min-height:auto;padding:14px 16px}
  .contact-brand-logo img{max-width:240px}
}


/* Paleta JC — correção integral v02 */
.site-header{background:linear-gradient(180deg,rgba(11,44,83,.88),rgba(3,20,51,.82));border-color:rgba(210,167,90,.34)}
.site-header::before{background:linear-gradient(90deg,rgba(210,167,90,.12),rgba(247,245,240,.035),rgba(25,69,115,.22))}
.main-nav a{color:rgba(247,245,240,.82)}
.main-nav a:hover,.main-nav a:focus-visible{background:rgba(210,167,90,.12);box-shadow:0 0 0 1px rgba(210,167,90,.30),0 0 28px rgba(210,167,90,.12)}
.hero{background:radial-gradient(circle at 50% 42%,rgba(210,167,90,.16),transparent 42%),#031433}
.hero-bg{background-image:radial-gradient(ellipse at 50% 48%,rgba(3,20,51,.54) 0%,rgba(3,20,51,.44) 30%,rgba(11,44,83,.28) 52%,rgba(3,20,51,.34) 100%),linear-gradient(180deg,rgba(3,20,51,.24) 0%,rgba(11,44,83,.24) 44%,rgba(3,20,51,.82) 100%),url('../images/bg-hero-v01.webp')}
.hero::before{background:radial-gradient(ellipse at 50% 45%,rgba(3,20,51,.58) 0%,rgba(3,20,51,.36) 30%,rgba(11,44,83,.14) 52%,transparent 72%),radial-gradient(circle at 26% 36%,rgba(210,167,90,.14),transparent 28%),radial-gradient(circle at 74% 36%,rgba(25,69,115,.24),transparent 36%)}
.hero::after{box-shadow:inset 0 0 94px rgba(3,20,51,.42),inset 0 -108px 150px rgba(3,20,51,.88)}
.hero-copy{background:radial-gradient(circle at 50% 0%,rgba(247,245,240,.10),transparent 34%),linear-gradient(180deg,rgba(11,44,83,.62),rgba(3,20,51,.52));border-color:rgba(210,167,90,.24)}
.services-section,.about-section,.contact-section{background:#031433}
.services-section{background:radial-gradient(circle at 12% 10%,rgba(25,69,115,.24),transparent 28rem),radial-gradient(circle at 86% 14%,rgba(210,167,90,.10),transparent 30rem),linear-gradient(180deg,#031433 0%,#0B2C53 52%,#031433 100%)}
.service-card{background:linear-gradient(180deg,rgba(11,44,83,.82),rgba(3,20,51,.94)),radial-gradient(circle at 50% 0%,rgba(210,167,90,.10),transparent 56%);border-color:rgba(210,167,90,.26)}
.service-card-body p,.about-copy p,.contact-heading p,.contact-card em{color:rgba(247,245,240,.82)}
.about-section{background:radial-gradient(circle at 18% 12%,rgba(210,167,90,.10),transparent 34%),radial-gradient(circle at 82% 18%,rgba(25,69,115,.20),transparent 32%),linear-gradient(180deg,#031433 0%,#0B2C53 48%,#031433 100%)}
.about-bg{background:radial-gradient(circle at 12% 16%,rgba(210,167,90,.16),transparent 28rem),radial-gradient(circle at 86% 12%,rgba(25,69,115,.20),transparent 30rem),radial-gradient(circle at 54% 96%,rgba(210,167,90,.08),transparent 31rem),linear-gradient(180deg,#031433 0%,#0B2C53 50%,#031433 100%)}
.contact-section{background:radial-gradient(circle at 14% 8%,rgba(25,69,115,.24),transparent 30rem),radial-gradient(circle at 88% 14%,rgba(210,167,90,.11),transparent 30rem),#031433}
.contact-shell{background:linear-gradient(180deg,rgba(11,44,83,.78),rgba(3,20,51,.90));border-color:rgba(210,167,90,.26)}
.contact-card{background:linear-gradient(180deg,rgba(25,69,115,.28),rgba(3,20,51,.68));border-color:rgba(210,167,90,.20)}
.footer{background:#031433}
.footer-shell{background:linear-gradient(180deg,rgba(25,69,115,.22),rgba(11,44,83,.16));border-color:rgba(210,167,90,.26)}
.footer a:hover{color:#D2A75A}

/* ─── Contato v03: grade 2x2 e modal do mapa ─── */
.contact-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
  max-width:920px;
  margin-inline:auto;
}
.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(3,20,51,.66);
  backdrop-filter:blur(5px);
  -webkit-backdrop-filter:blur(5px);
}
.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(210,167,90,.72);
  background:linear-gradient(180deg,rgba(11,44,83,.94),rgba(3,20,51,.92));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 30px 74px rgba(0,0,0,.42),0 0 36px rgba(210,167,90,.16),0 0 0 1px rgba(25,69,115,.24);
  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-300);
  font-size:11px;
  font-weight:900;
  letter-spacing:.18em;
  text-transform:uppercase;
}
.contact-map-header h3{
  margin:0;
  max-width:590px;
  color:var(--white);
  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(210,167,90,.42);
  background:linear-gradient(135deg,var(--ink-900),var(--ink-850));
  color:var(--white);
  font-weight:900;
  box-shadow:0 14px 30px rgba(0,0,0,.26),0 0 24px rgba(210,167,90,.15);
  transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s cubic-bezier(.2,.8,.2,1),filter .25s cubic-bezier(.2,.8,.2,1);
}
.contact-map-close:hover,
.contact-map-close:focus-visible{
  transform:translateY(-2px);
  outline:none;
  filter:saturate(1.08);
  box-shadow:0 18px 36px rgba(0,0,0,.32),0 0 30px rgba(210,167,90,.22);
}
.contact-map-frame{
  overflow:hidden;
  border-radius:22px;
  border:1px solid rgba(210,167,90,.18);
  background:var(--ink-950);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
}
.contact-map-frame iframe{
  display:block;
  width:100%;
  height:min(380px,46vh);
  border:0;
}
@media(max-width:760px){
  .contact-grid{
    grid-template-columns:1fr;
    max-width:100%;
  }
  .contact-map-modal{padding:16px}
  .contact-map-dialog{
    width:100%;
    max-height:calc(100% - 8px);
    padding:16px 16px 18px;
    border-radius:22px;
  }
  .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)}
}