:root{
  --ink-990:#050808;
  --ink-960:#0b1211;
  --ink-930:#111a18;
  --green-760:#263d39;
  --green-690:#365954;
  --green-620:#50726d;
  --green-540:#6F8E88;
  --mist-200:#EFEDED;
  --mist-100:#FAF8F4;
  --gold-460:#F2C777;
  --white:#ffffff;
  --muted:rgba(239,237,237,.82);
  --line:rgba(239,237,237,.22);
  --max:1180px;
  --font-title:'Cinzel','Times New Roman',serif;
  --font-body:'Beverly','Cormorant Garamond',Georgia,serif;
}

*{box-sizing:border-box}
html{
  scroll-behavior:smooth;
  scrollbar-width:thin;
  scrollbar-color:var(--gold-460) var(--ink-960);
}
body{
  margin:0;
  min-height:100vh;
  font-family:var(--font-body);
  color:var(--white);
  background:var(--ink-960);
  overflow-x:hidden;
}
body::-webkit-scrollbar{width:10px}
body::-webkit-scrollbar-track{background:var(--ink-960)}
body::-webkit-scrollbar-thumb{
  background:linear-gradient(180deg,var(--gold-460),var(--green-540));
  border-radius:999px;
  border:2px solid var(--ink-960);
}
body::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#ffe2a1,var(--gold-460))}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
#home,#servicos,#sobre,#contato{scroll-margin-top:112px}

.site-header{
  position:fixed;
  top:18px;
  left:50%;
  transform:translateX(-50%);
  width:min(1180px,calc(100% - 32px));
  height:76px;
  z-index:50;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:10px 14px;
  border:1px solid rgba(239,237,237,.17);
  border-radius:999px;
  background:linear-gradient(180deg,rgba(38,61,57,.76),rgba(11,18,17,.66));
  box-shadow:0 28px 90px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.14),0 0 28px rgba(242,199,119,.10);
  backdrop-filter:blur(22px) saturate(1.16);
  -webkit-backdrop-filter:blur(22px) saturate(1.16);
  overflow:hidden;
}
.site-header::before{
  content:"";
  position:absolute;
  inset:3px;
  border-radius:inherit;
  pointer-events:none;
  background:linear-gradient(90deg,rgba(111,142,136,.15),rgba(255,255,255,.05),rgba(242,199,119,.11));
}
.site-header::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  padding:3px;
  pointer-events:none;
  background:
    radial-gradient(circle at 17% 84%, rgba(239,237,237,.86) 0%, rgba(239,237,237,.50) .8%, transparent 2.1%),
    radial-gradient(circle at 78% 19%, rgba(242,199,119,.86) 0%, rgba(242,199,119,.52) .75%, transparent 1.9%),
    linear-gradient(112deg,
      rgba(255,255,255,.92) 0%,
      rgba(239,237,237,.68) 10%,
      rgba(255,255,255,.86) 18%,
      rgba(111,142,136,.50) 28%,
      rgba(239,237,237,.78) 40%,
      rgba(242,199,119,.44) 52%,
      rgba(255,255,255,.88) 64%,
      rgba(111,142,136,.56) 76%,
      rgba(239,237,237,.78) 88%,
      rgba(255,255,255,.88) 100%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
  opacity:.88;
  filter:drop-shadow(0 0 10px rgba(255,255,255,.07)) drop-shadow(0 0 8px rgba(242,199,119,.10));
}
.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;
  width:218px;
  height:54px;
  padding:8px 18px;
  border-radius:999px;
  background:linear-gradient(135deg,rgba(5,8,8,.88),rgba(38,61,57,.84));
  border:1px solid rgba(242,199,119,.24);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.11),0 14px 34px rgba(0,0,0,.30),0 0 26px rgba(242,199,119,.10);
  overflow:hidden;
}
.brand-shell img{
  width:auto;
  height:48px;
  max-width:100%;
  object-fit:cover;
  filter:drop-shadow(0 0 14px rgba(242,199,119,.08));
}
.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(239,237,237,.82);
  font-family:var(--font-title);
  font-size:12px;
  font-weight:700;
  letter-spacing:.10em;
  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(111,142,136,.20);
  box-shadow:0 0 0 1px rgba(239,237,237,.22),0 0 34px rgba(242,199,119,.12);
  transform:translateY(-1px);
  outline:none;
}
.menu-toggle{
  display:none;
  width:46px;
  height:46px;
  border:1px solid rgba(239,237,237,.30);
  border-radius:999px;
  background:rgba(111,142,136,.16);
  cursor:pointer;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  gap:5px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12);
}
.menu-toggle span{
  width:20px;
  height:2px;
  border-radius:999px;
  background:var(--white);
  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{
  position:relative;
  min-height:100svh;
  display:flex;
  align-items:center;
  overflow:hidden;
  padding:128px 0 72px;
  isolation:isolate;
  background:radial-gradient(circle at 82% 26%,rgba(111,142,136,.30),transparent 34%),var(--ink-960);
}
.hero-bg{
  position:absolute;
  inset:0;
  z-index:-6;
  background-image:
    radial-gradient(ellipse at 86% 46%,rgba(242,199,119,.20) 0%,rgba(111,142,136,.18) 32%,rgba(255,255,255,0) 60%),
    linear-gradient(90deg,rgba(5,8,8,.95) 0%,rgba(11,18,17,.86) 34%,rgba(38,61,57,.56) 59%,rgba(5,8,8,.42) 100%),
    linear-gradient(180deg,rgba(5,8,8,.42) 0%,rgba(17,26,24,.38) 44%,rgba(5,8,8,.98) 100%),
    url('../images/bg-hero-jailma-v01.webp');
  background-size:100% 100%,100% 100%,100% 100%,cover;
  background-position:center center,center center,center center,center center;
  background-repeat:no-repeat,no-repeat,no-repeat,no-repeat;
  filter:saturate(.74) contrast(1.04) brightness(.82);
}
.hero::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-5;
  pointer-events:none;
  background:
    radial-gradient(circle at 26% 36%,rgba(111,142,136,.20),transparent 31%),
    radial-gradient(circle at 76% 35%,rgba(242,199,119,.13),transparent 35%),
    radial-gradient(circle at 61% 71%,rgba(80,114,109,.22),transparent 32%),
    linear-gradient(90deg,rgba(5,8,8,.32),rgba(38,61,57,.04),rgba(5,8,8,.42));
}
.hero::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-4;
  pointer-events:none;
  box-shadow:inset 0 0 150px rgba(5,8,8,.86),inset 0 -130px 160px rgba(5,8,8,.98);
}
.hero-depth{
  position:absolute;
  z-index:-3;
  border-radius:50%;
  pointer-events:none;
  filter:blur(54px);
}
.hero-depth-left{
  left:9%;
  top:28%;
  width:380px;
  height:380px;
  background:rgba(111,142,136,.32);
  opacity:.72;
}
.hero-depth-right{
  right:7%;
  top:14%;
  width:min(680px,58vw);
  height:min(560px,55vh);
  background:radial-gradient(circle,rgba(242,199,119,.24) 0%,rgba(111,142,136,.22) 28%,rgba(38,61,57,.20) 52%,transparent 74%);
  opacity:.84;
}
.hero-grid{
  position:absolute;
  inset:0;
  z-index:-2;
  pointer-events:none;
  opacity:.15;
  background-image:
    linear-gradient(rgba(239,237,237,.13) 1px,transparent 1px),
    linear-gradient(90deg,rgba(239,237,237,.10) 1px,transparent 1px);
  background-size:72px 72px;
  mask-image:radial-gradient(circle at 50% 42%,#000 0%,transparent 66%);
  -webkit-mask-image:radial-gradient(circle at 50% 42%,#000 0%,transparent 66%);
}
.hero-inner{
  position:relative;
  z-index:2;
  width:min(var(--max),calc(100% - 56px));
  min-height:calc(100svh - 210px);
  margin-inline:auto;
  display:grid;
  grid-template-columns:minmax(0,.94fr) minmax(440px,1.06fr);
  align-items:center;
  gap:clamp(0px,1.8vw,28px);
}
.hero-copy{
  width:min(100%,660px);
  padding-top:24px;
  margin-left:clamp(0px,1.5vw,28px);
  transform:translateZ(0);
}
.hero-eyebrow{
  display:inline-flex;
  align-items:center;
  gap:13px;
  color:var(--gold-460);
  text-transform:uppercase;
  letter-spacing:.28em;
  font-family:var(--font-title);
  font-size:12px;
  font-weight:600;
  line-height:1.2;
  text-shadow:0 0 20px rgba(242,199,119,.22);
}
.hero-eyebrow::after{
  content:"";
  width:82px;
  height:1px;
  background:linear-gradient(90deg,var(--gold-460),rgba(242,199,119,0));
}
h1{
  margin:18px 0 20px;
  font-family:var(--font-title);
  font-size:clamp(29px,4.69vw,62px);
  line-height:1.03;
  letter-spacing:-0.01696464em;
  font-weight:500;
  text-wrap:balance;
  text-shadow:0 0 42px rgba(111,142,136,.16),0 3px 34px rgba(0,0,0,.52);
}
.hero-subtitle{
  max-width:610px;
  margin:0 0 30px;
  color:var(--muted);
  font-size:clamp(17px,1.55vw,21px);
  line-height:1.64;
  letter-spacing:0.0325611em;
  font-weight:500;
  text-shadow:0 2px 20px rgba(0,0,0,.50);
}
.hero-visual{
  position:relative;
  align-self:end;
  display:flex;
  justify-content:center;
  align-items:flex-end;
  min-height:min(760px,calc(100svh - 150px));
  margin-left:clamp(-98px,-4.9vw,-28px);
  margin-right:clamp(-58px,-2.4vw,0px);
  transform:translateX(-2%);
}
.portrait-light{
  position:absolute;
  left:1%;
  right:16%;
  top:3%;
  height:78%;
  border-radius:48% 50% 44% 46%;
  background:
    radial-gradient(circle at 48% 22%,rgba(242,199,119,.26),rgba(111,142,136,.18) 32%,rgba(38,61,57,.14) 54%,transparent 74%),
    radial-gradient(circle at 74% 52%,rgba(242,199,119,.17),transparent 40%);
  filter:blur(34px);
  opacity:.58;
}
.portrait-shadow{
  position:absolute;
  left:-2%;
  right:-1%;
  bottom:0;
  height:36%;
  border-radius:50%;
  background:radial-gradient(ellipse at 50% 74%,rgba(0,0,0,.78) 0%,rgba(11,18,17,.58) 36%,transparent 72%);
  filter:blur(28px);
  z-index:1;
}
.hero-visual::before{
  content:"";
  position:absolute;
  inset:7% 18% 4% 1%;
  border-radius:48% 52% 44% 50%;
  background:linear-gradient(110deg,rgba(111,142,136,.22),rgba(255,255,255,0) 30%,rgba(242,199,119,.18) 74%);
  filter:blur(18px);
  opacity:.54;
  z-index:1;
  pointer-events:none;
}
.hero-visual::after{
  content:"";
  position:absolute;
  left:-2%;
  right:-4%;
  bottom:-4%;
  height:34%;
  z-index:4;
  pointer-events:none;
  background:
    radial-gradient(ellipse at 56% 100%,rgba(5,8,8,.98) 0%,rgba(11,18,17,.80) 38%,transparent 71%),
    linear-gradient(180deg,rgba(5,8,8,0) 0%,rgba(17,26,24,.48) 43%,rgba(5,8,8,.96) 82%,var(--ink-990) 100%);
  filter:blur(5px);
}
.hero-visual img{
  position:relative;
  z-index:3;
  width:min(55vw,765px);
  min-width:530px;
  max-height:min(86svh,805px);
  height:auto;
  max-width:none;
  object-fit:cover;
  object-position:center bottom;
  margin-bottom:-22px;
  filter:
    drop-shadow(0 28px 46px rgba(0,0,0,.70))
    drop-shadow(-22px 0 38px rgba(17,26,24,.30))
    drop-shadow(0 0 24px rgba(242,199,119,.11))
    saturate(.95) contrast(1.03) brightness(.94);
}
.hero-bottom-fade{
  position:absolute;
  left:0;
  right:0;
  bottom:-1px;
  z-index:6;
  height:145px;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(5,8,8,0),rgba(5,8,8,.84) 72%,var(--ink-990) 100%);
}

/* Hero CTA Button — brilho via requestAnimationFrame em --btn-bgpos. */
.hero-btn-wrap{
  display:inline-block;
  margin:0 0 52px 0;
  -webkit-box-reflect:below 1px linear-gradient(transparent,rgba(0,0,0,.22));
}
.hero-btn{
  --btn-bgpos:0% 0%;
  position:relative;
  display:inline-block;
  width:300px;
  height:50px;
  line-height:48px;
  background:var(--green-760);
  font-weight:700;
  font-size:16px;
  font-family:var(--font-title);
  text-align:center;
  letter-spacing:.04em;
  text-decoration:none;
  transition:transform .42s cubic-bezier(.22,1,.36,1),filter .42s cubic-bezier(.22,1,.36,1);
}
.hero-btn:hover{transform:translateY(-1px);filter:saturate(1.08)}
.hero-btn span{
  position:absolute;
  display:block;
  top:1px;left:1px;right:1px;bottom:1px;
  text-align:center;
  white-space:nowrap;
  background:linear-gradient(135deg,var(--green-760),var(--ink-930));
  color:#ffffff;
  line-height:48px;
  text-shadow:0 0 8px rgba(0,0,0,1),0 0 16px rgba(0,0,0,1),0 1px 4px rgba(0,0,0,1);
  transition:color .5s cubic-bezier(.22,1,.36,1);
  z-index:2;
}
.hero-btn:hover span{color:var(--gold-460)}
.hero-btn span::before{
  content:"";
  position:absolute;
  top:0;left:0;
  width:100%;height:50%;
  background:rgba(255,255,255,.05);
  z-index:10;
}
.hero-btn::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(
    45deg,
    var(--green-760),var(--green-760),
    var(--green-540),var(--mist-200),
    var(--green-540),var(--green-760),
    var(--green-760),var(--green-760),
    var(--green-760),var(--gold-460),
    var(--white),var(--gold-460),
    var(--green-760),var(--green-760),
    var(--green-760),var(--green-760)
  );
  background-size:200% 200%;
  background-position:var(--btn-bgpos);
  opacity:.92;
  transition:opacity .5s cubic-bezier(.22,1,.36,1);
}
.hero-btn:hover::before,
.hero-btn:hover::after{opacity:0}
.hero-btn::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(
    45deg,
    var(--green-760),var(--green-760),
    var(--green-540),var(--mist-200),
    var(--green-540),var(--green-760),
    var(--green-760),var(--green-760),
    var(--green-760),var(--gold-460),
    var(--white),var(--gold-460),
    var(--green-760),var(--green-760),
    var(--green-760),var(--green-760)
  );
  background-size:200% 200%;
  background-position:var(--btn-bgpos);
  opacity:.58;
  filter:blur(20px);
  transition:opacity .5s cubic-bezier(.22,1,.36,1);
}

.reveal{
  opacity:0;
  transform:translateY(18px);
  transition:opacity .82s cubic-bezier(.16,1,.3,1),transform .82s cubic-bezier(.16,1,.3,1);
}
.reveal.is-visible{opacity:1;transform:translateY(0)}
.reveal-late{transition-delay:.12s}

@media(max-width:1080px){
  .hero-btn-wrap{display:block;text-align:center}
  .hero-btn{display:inline-block}
  .hero-inner{grid-template-columns:1fr;gap:8px;text-align:center;min-height:auto;padding-top:22px}
  .hero-copy{margin-inline:auto;padding-top:0;max-width:760px}
  .hero-eyebrow{justify-content:center}
  .hero-visual{min-height:470px;margin:0;transform:none}
  .hero-visual img{width:min(520px,96vw);min-width:0;max-height:520px;margin-bottom:-8px}
}
@media (max-width:760px){
  .site-header{top:12px;width:calc(100% - 24px);height:64px;padding:8px 9px 8px 10px;overflow:visible}
  .brand-shell{width:164px;height:48px;padding:6px 11px}
  .brand-shell img{height:44px;max-height:44px;max-width:100%}
  .menu-toggle{display:flex}
  .main-nav{
    position:absolute;
    top:76px;
    left:0;
    right:0;
    display:grid;
    justify-content:stretch;
    justify-items:center;
    align-content:start;
    gap:10px;
    padding:28px 18px 22px;
    border-radius:28px;
    background:rgba(11,18,17,.96);
    border:1px solid rgba(239,237,237,.20);
    box-shadow:0 30px 80px rgba(0,0,0,.58),inset 0 1px 0 rgba(255,255,255,.08);
    backdrop-filter:blur(20px) saturate(1.16);
    -webkit-backdrop-filter:blur(20px) saturate(1.16);
    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(111,142,136,.13);
    color:rgba(255,255,255,.90);
    text-align:center;
  }
  .hero{padding:104px 0 22px;align-items:flex-start;min-height:100svh}
  .hero-inner{width:min(100% - 32px,var(--max));padding-top:14px;gap:0;overflow:visible}
  .hero-copy{width:100%;max-width:100%;min-width:0;text-align:center;margin-inline:auto}
  .hero-copy > *{max-width:100%}
  .hero-eyebrow{letter-spacing:.20em;font-size:11px}
  .hero-eyebrow::after{width:52px}
  h1{max-width:100%;font-size:clamp(27px,8.4vw,41px);line-height:1.05;margin:16px 0 16px;letter-spacing:-0.01465128em}
  .hero-subtitle{max-width:100%;font-size:18px;line-height:1.62;margin-bottom:0;letter-spacing:0.0325611em}
  .hero-visual{width:100%;min-width:0;min-height:clamp(342px,56svh,500px);margin-top:2px;align-items:flex-end;justify-content:center}
  .hero-visual img{width:min(475px,92vw);max-width:100%;min-width:0;max-height:clamp(360px,60svh,500px);margin-bottom:-12px}
  .hero-visual::after{height:39%;bottom:-6%}
  .hero-bottom-fade{height:122px}
  .hero-depth-left{left:-20%;top:22%;opacity:.38}
  .hero-depth-right{right:-24%;top:36%;width:440px;height:420px;opacity:.64}
  .hero-btn-wrap{margin-bottom:20px;-webkit-box-reflect:none}
  .hero .hero-btn-wrap{
    margin-top:24px;
    margin-bottom:56px;
    -webkit-box-reflect:below 1px linear-gradient(transparent,rgba(0,0,0,.22));
  }
}
@media (max-width:420px){
  .brand-shell{width:150px;height:46px;padding:5px 9px}
  .brand-shell img{height:42px;max-height:42px}
  .hero{padding-top:94px}
  .hero-inner{width:min(100% - 28px,var(--max))}
  .hero-subtitle{font-size:14.6px}
  .hero-visual{min-height:330px}
  .hero-visual img{width:min(390px,90vw);max-width:100%;max-height:410px}
}
@media (max-width:360px){
  .brand-shell{width:132px;padding-right:9px}
  .brand-shell img{height:36px;max-height:36px}
  .hero-btn{width:272px}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;transition:none!important}
  .reveal{opacity:1;transform:none}
}


/* ─── Sessões 02 a 04 copiadas do ntw-arcoverde e adaptadas para Ajales ─── */
.section-container{width:min(var(--max),calc(100% - 48px));margin-inline:auto}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.services-section{
  position:relative;
  padding:clamp(42px,5vw,66px) 0 clamp(53px,6vw,85px);
  overflow:visible;
  isolation:isolate;
  background:
    radial-gradient(circle at 14% 10%,rgba(242,199,119,.16),transparent 28rem),
    radial-gradient(circle at 88% 24%,rgba(80,114,109,.34),transparent 34rem),
    linear-gradient(180deg,var(--ink-990) 0%,var(--ink-960) 42%,var(--ink-990) 100%);
}
.services-bg{
  position:absolute;
  inset:-80px 0 0;
  z-index:-1;
  pointer-events:none;
  background:
    linear-gradient(180deg,rgba(5,8,8,0) 0%,rgba(5,8,8,.88) 12%,rgba(38,61,57,.74) 48%,rgba(5,8,8,.96) 100%);
  mask-image:linear-gradient(180deg,transparent 0%,#000 9%,#000 94%,transparent 100%);
  -webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 9%,#000 94%,transparent 100%);
}
.services-bg::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.18;
  background-image:
    linear-gradient(rgba(242,199,119,.12) 1px,transparent 1px),
    linear-gradient(90deg,rgba(242,199,119,.10) 1px,transparent 1px);
  background-size:74px 74px;
  mask-image:radial-gradient(circle at 50% 32%,#000 0%,transparent 68%);
  -webkit-mask-image:radial-gradient(circle at 50% 32%,#000 0%,transparent 68%);
}
.services-section::before{
  content:"";
  position:absolute;
  left:50%;
  top:-86px;
  z-index:0;
  width:min(1120px,90vw);
  height:260px;
  transform:translateX(-50%);
  background:radial-gradient(ellipse at center,rgba(242,199,119,.20),rgba(80,114,109,.10) 36%,transparent 72%);
  filter:blur(12px);
  pointer-events:none;
}
.services-layout{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:minmax(390px,.46fr) minmax(0,1fr);
  gap:clamp(30px,4vw,56px);
  align-items:start;
}
.services-side{
  position:sticky;
  top:118px;
  align-self:start;
}
.services-sticky{
  position:relative;
  padding:clamp(26px,3vw,36px);
  border-radius:34px;
  background:linear-gradient(180deg,rgba(38,61,57,.74),rgba(0,12,30,.70));
  border:1px solid rgba(242,199,119,.24);
  box-shadow:0 28px 84px rgba(0,0,0,.36),0 0 0 1px rgba(80,114,109,.10),inset 0 1px 0 rgba(255,255,255,.12);
  backdrop-filter:blur(18px) saturate(1.18);
  -webkit-backdrop-filter:blur(18px) saturate(1.18);
  overflow:hidden;
}
.services-sticky::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  padding:1px;
  background:linear-gradient(135deg,rgba(242,199,119,.58),rgba(255,255,255,.10),rgba(80,114,109,.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;
}
.services-eyebrow{
  display:inline-flex;
  align-items:center;
  gap:13px;
  color:var(--gold-460);
  text-transform:uppercase;
  letter-spacing:.28em;
  font-size:12px;
  font-weight:800;
  line-height:1.2;
  text-shadow:0 0 20px rgba(242,199,119,.30);
}
.services-eyebrow::after{
  content:"";
  width:76px;
  height:1px;
  background:linear-gradient(90deg,var(--gold-460),rgba(242,199,119,0));
}
.services-sticky h2{
  font-size:clamp(30px,3.15vw,46px);
  line-height:1.06;
  letter-spacing:-.045em;
  margin:16px 0 18px;
  color:var(--white);
  text-wrap:balance;
  text-shadow:0 0 34px rgba(242,199,119,.10),0 16px 38px rgba(0,0,0,.30);
}
.services-sticky p{
  margin:0;
  color:rgba(239,237,237,.82);
  line-height:1.72;
  font-weight:500;
  font-size:15.5px;
}
.services-cta-out{display:block;margin:28px 0 32px;text-align:center}
.services-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(300px,1fr));
  gap:24px;
  min-width:0;
}
.service-card{
  position:relative;
  border-radius:30px;
  background:linear-gradient(180deg,rgba(46,76,71,.76),rgba(7,23,27,.90));
  border:1px solid rgba(242,199,119,.10);
  box-shadow:0 24px 68px rgba(0,0,0,.28),0 12px 42px rgba(80,114,109,.18),0 0 0 1px rgba(242,199,119,.03),inset 0 1px 0 rgba(255,255,255,.06);
  overflow:hidden;
  transition:transform .34s cubic-bezier(.2,.8,.2,1),box-shadow .34s cubic-bezier(.2,.8,.2,1),border-color .34s cubic-bezier(.2,.8,.2,1);
  display:flex;
  flex-direction:column;
  min-width:0;
  isolation:isolate;
}
.service-card::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  opacity:.82;
  background:radial-gradient(circle at 84% 8%,rgba(242,199,119,.14),transparent 28%),linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,0));
}
.service-card:hover,.service-card:focus-within{
  transform:translateY(-7px);
  border-color:rgba(242,199,119,.48);
  box-shadow:0 34px 86px rgba(0,0,0,.36),0 18px 58px rgba(80,114,109,.24),0 0 30px rgba(242,199,119,.10),inset 0 1px 0 rgba(255,255,255,.08);
}
.service-card img{
  position:relative;
  z-index:0;
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:1.32/1;
  object-fit:cover;
  object-position:top center;
  background:transparent;
  border-bottom:0;
  filter:saturate(1.02) contrast(1.01) brightness(1.03);
}
.service-copy{
  position:relative;
  z-index:2;
  padding:28px 28px 30px;
  background:linear-gradient(180deg,rgba(44,72,68,.84),rgba(10,18,20,.90));
}
.service-copy p{
  margin:0;
  color:rgba(239,237,237,.94);
  font-size:18px;
  line-height:1.72;
  font-weight:500;
}
.reveal-in{opacity:0;transform:translateY(34px);transition:opacity .78s cubic-bezier(.16,1,.3,1),transform .78s cubic-bezier(.16,1,.3,1)}
.reveal-in.is-visible{opacity:1;transform:translateY(0)}


@media (max-width:1180px){
  .services-layout{grid-template-columns:minmax(360px,.42fr) minmax(0,1fr);gap:28px}
  .services-side{top:112px}
  .services-sticky h2{font-size:clamp(30px,3vw,39px);line-height:1.07}
  .services-grid{grid-template-columns:repeat(2,minmax(240px,1fr));gap:22px}
}
@media (max-width:980px){
  .services-layout{grid-template-columns:1fr;gap:30px}
  .services-side{position:relative;top:auto;max-width:860px;margin-inline:auto}
  .services-sticky{text-align:center}
  .services-eyebrow{justify-content:center}
  .services-grid{grid-template-columns:repeat(2,minmax(280px,1fr));max-width:960px;width:100%;margin-inline:auto;align-items:stretch}
  .services-cta-out{display:block;margin:28px auto 32px;text-align:center}
}
@media (max-width:760px){
  #home,#servicos,#sobre,#contato{scroll-margin-top:96px}
  .section-container{width:min(100% - 32px,var(--max))}
  .services-section{padding:38px 0 49px}
  .services-side{display:contents}
  .services-sticky{order:1;width:100%;max-width:450px;margin-inline:auto;padding:28px 20px;border-radius:26px;text-align:left}
  .services-eyebrow{justify-content:flex-start;font-size:10px;letter-spacing:.16em;gap:8px}
  .services-eyebrow::after{width:42px}
  .services-sticky h2{font-size:clamp(28px,7.1vw,36px);line-height:1.08;letter-spacing:-.035em}
  .services-grid{order:2;grid-template-columns:1fr;gap:18px;max-width:450px}
  .services-cta-out{order:3;width:100%;max-width:450px;margin:32px auto 40px;text-align:center}
  .service-card{border-radius:26px}
  .service-card img{object-fit:cover;object-position:top center;background:transparent}
  .service-copy{padding:20px}
  .service-copy p{font-size:16.4px;line-height:1.76}
  .reveal-in{opacity:1;transform:none;transition:none}
}
@media (max-width:420px){
  .section-container{width:min(100% - 28px,var(--max))}
}
@media (prefers-reduced-motion:reduce){
  .reveal-in{opacity:1!important;transform:none!important}
}


/* ─── Seção 03 | Sobre ─── */
.about-section{
  position:relative;
  padding:clamp(55px,6vw,90px) 0 clamp(58px,6vw,91px);
  isolation:isolate;
  overflow:hidden;
  background:var(--ink-990);
}
.about-bg{
  position:absolute;
  inset:0;
  z-index:-2;
  pointer-events:none;
  background:
    radial-gradient(circle at 12% 14%,rgba(242,199,119,.18),transparent 27rem),
    radial-gradient(circle at 88% 14%,rgba(80,114,109,.42),transparent 32rem),
    radial-gradient(circle at 48% 96%,rgba(242,199,119,.10),transparent 30rem),
    linear-gradient(180deg,var(--ink-990) 0%,var(--ink-960) 52%,var(--ink-990) 100%);
}
.about-bg::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.16;
  background-image:
    linear-gradient(rgba(242,199,119,.12) 1px,transparent 1px),
    linear-gradient(90deg,rgba(242,199,119,.10) 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,8,8,.96),rgba(5,8,8,0) 16%,rgba(5,8,8,0) 82%,rgba(5,8,8,.96)),
    radial-gradient(ellipse at 50% 0%,rgba(242,199,119,.16),transparent 62%);
}
.about-inner{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:minmax(300px,.93fr) minmax(320px,1.07fr);
  gap:clamp(28px,5vw,64px);
  align-items:center;
}
.about-portrait{
  --btn-bgpos:0% 50%;
  position:relative;
  border-radius:38px;
  padding:10px;
  overflow:hidden;
  isolation:isolate;
  background:#151515;
  border:1px solid rgba(242,199,119,.32);
  box-shadow:0 38px 100px rgba(0,0,0,.34),0 18px 54px rgba(80,114,109,.20),0 0 10px 1px rgba(0,0,0,.62),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;
  pointer-events:none;
  background-image:linear-gradient(90deg,transparent 0%,var(--green-760) 16%,var(--green-540) 32%,var(--gold-460) 50%,var(--green-540) 68%,var(--green-760) 84%,transparent 100%);
  background-size:260% 100%;
  background-position:var(--btn-bgpos);
}
.about-portrait::before{
  inset:0;
  z-index:0;
  border-radius:inherit;
  filter:blur(14px);
  opacity:.78;
}
.about-portrait::after{
  inset:0;
  z-index:4;
  border-radius:inherit;
  padding:2px;
  opacity:.95;
  -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;
  border-radius:30px;
  filter:saturate(1.02) contrast(1.01) brightness(1.03);
  box-shadow:0 26px 70px rgba(0,0,0,.34);
}
.about-copy{
  position:relative;
  padding:clamp(28px,4.2vw,46px);
  border-radius:36px;
  background:linear-gradient(160deg,rgba(38,61,57,.78),rgba(0,13,31,.70));
  border:1px solid rgba(242,199,119,.26);
  box-shadow:0 28px 84px rgba(0,0,0,.36),0 0 0 1px rgba(80,114,109,.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;
}
.about-copy::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  padding:1px;
  background:linear-gradient(135deg,rgba(242,199,119,.58),rgba(255,255,255,.10),rgba(80,114,109,.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(242,199,119,.14),transparent 66%);
  pointer-events:none;
}
.about-eyebrow{
  position:relative;
  z-index:1;
  display:inline-flex;
  align-items:center;
  gap:13px;
  color:var(--gold-460);
  text-transform:uppercase;
  letter-spacing:.28em;
  font-size:12px;
  font-weight:800;
  line-height:1.2;
  text-shadow:0 0 20px rgba(242,199,119,.30);
}
.about-eyebrow::after{
  content:"";
  width:76px;
  height:1px;
  background:linear-gradient(90deg,var(--gold-460),rgba(242,199,119,0));
}
.about-copy h2{
  position:relative;
  z-index:1;
  font-size:clamp(34px,4.2vw,58px);
  line-height:1.02;
  margin:16px 0 18px;
  letter-spacing:-.046em;
  color:var(--white);
  text-wrap:balance;
  text-shadow:0 0 34px rgba(242,199,119,.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(239,237,237,.82);
  margin:0 0 14px;
  font-weight:500;
}
.about-copy .about-lead{
  font-size:18px;
  color:rgba(255,255,255,.92);
  font-weight:700;
}
.about-cta-wrap{
  position:relative;
  z-index:2;
  display:block;
  margin:24px 0 32px;
}
.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{text-align:center}
}
@media (max-width:760px){
  .about-section{padding:50px 0 58px}
  .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}
  .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-reveal{opacity:1;transform:none;transition:none}
}
@media (prefers-reduced-motion:reduce){
  .about-reveal{opacity:1!important;transform:none!important}
}

/* ─── Seção 04 | Contato ─── */
.contact-section{
  position:relative;
  padding:clamp(53px,6vw,85px) 0 clamp(76px,8vw,118px);
  isolation:isolate;
  overflow:hidden;
  background:var(--ink-990);
}
.contact-bg{
  position:absolute;
  inset:0;
  z-index:-2;
  pointer-events:none;
  background:
    radial-gradient(circle at 18% 10%,rgba(242,199,119,.18),transparent 29rem),
    radial-gradient(circle at 86% 20%,rgba(80,114,109,.46),transparent 34rem),
    radial-gradient(circle at 52% 102%,rgba(242,199,119,.12),transparent 30rem),
    linear-gradient(180deg,var(--ink-990) 0%,var(--ink-960) 48%,var(--ink-990) 100%);
}
.contact-bg::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.16;
  background-image:
    linear-gradient(rgba(242,199,119,.12) 1px,transparent 1px),
    linear-gradient(90deg,rgba(242,199,119,.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,8,8,.96),rgba(5,8,8,0) 18%,rgba(5,8,8,0) 78%,rgba(5,8,8,.96)),
    radial-gradient(ellipse at 50% 0%,rgba(242,199,119,.15),transparent 62%);
}
.contact-shell{
  position:relative;
  z-index:2;
  border:1px solid rgba(242,199,119,.28);
  border-radius:38px;
  padding:clamp(28px,5vw,48px);
  background:linear-gradient(150deg,rgba(38,61,57,.86),rgba(0,12,30,.78));
  box-shadow:0 34px 98px rgba(0,0,0,.38),0 20px 58px rgba(80,114,109,.20),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(242,199,119,.62),rgba(255,255,255,.11),rgba(80,114,109,.38));
  -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(242,199,119,.18),rgba(80,114,109,.09) 38%,transparent 68%);
  pointer-events:none;
}
.contact-heading,.contact-grid,.contact-main-cta{position:relative;z-index:2}
.contact-heading{max-width:min(700px,calc(100% - 400px));margin-bottom:32px}
.contact-eyebrow{
  display:inline-flex;
  align-items:center;
  gap:13px;
  color:var(--gold-460);
  text-transform:uppercase;
  letter-spacing:.28em;
  font-size:12px;
  font-weight:800;
  line-height:1.2;
  text-shadow:0 0 20px rgba(242,199,119,.30);
}
.contact-eyebrow::after{
  content:"";
  width:76px;
  height:1px;
  background:linear-gradient(90deg,var(--gold-460),rgba(242,199,119,0));
}
.contact-heading h2{
  font-size:clamp(34px,4.2vw,58px);
  line-height:1.02;
  margin:16px 0 18px;
  letter-spacing:-.046em;
  color:var(--white);
  text-wrap:balance;
  text-shadow:0 0 34px rgba(242,199,119,.10),0 16px 38px rgba(0,0,0,.30);
}
.contact-heading p{
  margin:0;
  color:rgba(239,237,237,.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(242,199,119,.20);
  background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(38,61,57,.20));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 20px 55px rgba(0,0,0,.22),0 10px 34px rgba(80,114,109,.14);
  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(--white);
  text-align:left;
}
.contact-card:hover,.contact-card:focus-visible{
  transform:translateY(-5px);
  border-color:rgba(242,199,119,.56);
  background:linear-gradient(180deg,rgba(242,199,119,.13),rgba(38,61,57,.20));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 26px 64px rgba(0,0,0,.30),0 0 34px rgba(242,199,119,.14);
  outline:none;
}
.contact-card-button{
  appearance:none;
  width:100%;
  font:inherit;
  cursor:pointer;
}
.contact-icon{
  width:52px;
  height:52px;
  border-radius:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(135deg,rgba(242,199,119,.22),rgba(255,255,255,.07));
  border:1px solid rgba(242,199,119,.32);
  margin-bottom:18px;
  color:var(--gold-460);
  box-shadow:0 0 22px rgba(242,199,119,.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(--white);
}
.contact-card em{
  font-style:normal;
  color:rgba(239,237,237,.78);
  font-size:18px;
  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-460);
}
.contact-card-animated .contact-anim-svg{
  transition:all .3s;
  padding:.7rem;
  height:60px;
  width:60px;
  border-radius:100%;
  color:inherit;
  fill:currentColor;
  background:linear-gradient(135deg,rgba(242,199,119,.22),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;
  color:inherit;
  background-color:rgba(255,255,255,.26);
  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,.20),-10px 0 1px rgba(153,153,153,.20),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;
  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-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,8,8,.58);
  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(242,199,119,.72);
  background:linear-gradient(180deg,rgba(38,61,57,.84),rgba(5,8,8,.76));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 30px 74px rgba(0,0,0,.42),0 0 36px rgba(242,199,119,.16),0 0 0 1px rgba(80,114,109,.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;
  font-size:11px;
  font-weight:900;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--gold-460);
  margin-bottom:8px;
}
.contact-map-header h3{
  margin:0;
  color:var(--white);
  font-size:clamp(20px,2.2vw,28px);
  line-height:1.22;
  max-width:590px;
  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(242,199,119,.34);
  background:linear-gradient(135deg,rgba(38,61,57,.98),rgba(80,114,109,.94));
  color:var(--white);
  font-weight:900;
  box-shadow:0 14px 30px rgba(0,0,0,.26),0 0 24px rgba(242,199,119,.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(242,199,119,.22);
}
.contact-map-frame{
  border-radius:22px;
  overflow:hidden;
  border:1px solid rgba(242,199,119,.14);
  background:var(--ink-960);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
  filter:grayscale(.18) saturate(.88) contrast(1.02) brightness(.96);
}
.contact-map-frame iframe{
  display:block;
  width:100%;
  height:min(380px,46vh);
  border:0;
}
.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-heading{max-width:790px}
}
@media (max-width:980px){
  .contact-grid{grid-template-columns:1fr}
}
@media (max-width:760px){
  .contact-section{padding:49px 0 72px}
  .contact-shell{border-radius:26px;padding:28px 20px}
    .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-card{padding:20px;min-height:auto}
  .contact-card em{font-size:15.5px}
  .contact-main-cta{margin-top:34px;padding-bottom:28px}
  .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)}
  .contact-reveal{opacity:1;transform:none;transition:none}
}
@media (prefers-reduced-motion:reduce){
  .contact-reveal{opacity:1!important;transform:none!important}
}

.site-footer{
  position:relative;
  z-index:1;
  padding:18px 0 50px;
  color:rgba(239,237,237,.74);
  background:
    radial-gradient(circle at 50% 0%,rgba(80,114,109,.22),transparent 42%),
    var(--ink-990);
}
.site-footer-shell{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:18px 22px;
  border-radius:999px;
  border:1px solid rgba(242,199,119,.10);
  background:linear-gradient(180deg,rgba(38,61,57,.78),rgba(5,8,8,.58));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    inset 0 -1px 0 rgba(242,199,119,.07),
    0 24px 60px rgba(0,0,0,.24),
    0 0 34px rgba(242,199,119,.07);
  backdrop-filter:blur(22px) saturate(1.15);
  -webkit-backdrop-filter:blur(22px) saturate(1.15);
  position:relative;
  overflow:hidden;
}
.site-footer-shell::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  padding:1px;
  background:linear-gradient(135deg,rgba(242,199,119,.72),rgba(242,179,91,.30),rgba(80,114,109,.16));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
  pointer-events:none;
}
.site-footer small{
  position:relative;
  z-index:1;
  font-size:13px;
  font-weight:600;
  letter-spacing:.01em;
}
.site-footer a,
.site-footer a:hover,
.site-footer a:focus-visible,
.site-footer a:active,
.site-footer a:visited{
  color:var(--gold-460);
  text-decoration:none;
  font-weight:900;
  letter-spacing:.05em;
  outline:none;
}
.site-footer a:focus-visible{
  text-shadow:0 0 18px rgba(242,179,91,.32);
}

@media (max-width:760px){
  .site-footer{padding:10px 0 38px}
  .site-footer-shell{
    border-radius:28px;
    align-items:flex-start;
    padding:18px 20px;
  }
  .site-footer small{font-size:12.5px;line-height:1.45}
}



/* Ajustes específicos Ajales */
.services-section,
.about-section,
.contact-section,
.site-footer{background-color:var(--ink-990)}
.service-card img{background:transparent}
.about-portrait img{aspect-ratio:1.32/1;object-position:center center}
.contact-heading{max-width:min(860px,100%)}
@media (max-width:760px){.about-portrait img{aspect-ratio:1/1}}


/* Ajustes Jailma | seções 02 a 04 */
.services-sticky h2,
.about-copy h2,
.contact-heading h2{font-family:var(--font-title);letter-spacing:-0.01696464em;font-weight:500}
.services-eyebrow,.about-eyebrow,.contact-eyebrow{font-family:var(--font-title);font-weight:600}
.services-sticky p,.service-copy p,.about-copy p,.contact-heading p,.contact-card strong,.contact-card em,.site-footer small{font-family:var(--font-body)}
.services-section,
.about-section,
.contact-section,
.site-footer{background-color:var(--ink-990)}
.about-bg{
  background:
    linear-gradient(180deg,rgba(5,8,8,.96),rgba(11,18,17,.70) 44%,rgba(5,8,8,.98)),
    radial-gradient(circle at 14% 12%,rgba(242,199,119,.12),transparent 26rem),
    radial-gradient(circle at 82% 18%,rgba(111,142,136,.34),transparent 32rem),
    url('../images/bg-sobre-jailma-v01.webp');
  background-size:auto,auto,auto,min(430px,45vw) auto;
  background-repeat:no-repeat,no-repeat,no-repeat,repeat;
  background-position:center,center,center,center;
}
.about-bg::before{opacity:.06}
.about-bg::after{background:linear-gradient(180deg,rgba(5,8,8,.98),rgba(5,8,8,0) 18%,rgba(5,8,8,0) 78%,rgba(5,8,8,.98)),radial-gradient(ellipse at 50% 0%,rgba(242,199,119,.12),transparent 62%)}
.about-portrait img{aspect-ratio:4/5;object-position:38% 50%;filter:saturate(.98) contrast(1.02) brightness(.97)}
.about-portrait::before,.about-portrait::after{background-image:linear-gradient(90deg,transparent 0%,var(--green-760) 16%,var(--green-540) 32%,var(--gold-460) 50%,var(--green-540) 68%,var(--green-760) 84%,transparent 100%)}
.contact-heading{max-width:min(760px,100%)}
.contact-logo{width:min(156px,36vw);height:auto;margin:0 0 18px;filter:drop-shadow(0 0 28px rgba(242,199,119,.18))}
.contact-grid-three{grid-template-columns:repeat(3,minmax(0,1fr))}
.contact-card strong{font-size:clamp(20px,2vw,27px);letter-spacing:.012em}
.contact-card em{font-size:16px;line-height:1.35;color:rgba(239,237,237,.82)}
.contact-card-animated .contact-anim-item{color:var(--gold-460)}
.site-footer a,.site-footer a:hover,.site-footer a:focus-visible,.site-footer a:active,.site-footer a:visited{color:var(--gold-460)!important}
@media(max-width:980px){.contact-grid-three{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-logo{margin-inline:auto}.contact-heading{text-align:center}.contact-eyebrow{justify-content:center}.contact-heading p{margin-inline:auto}}
@media(max-width:760px){.contact-grid-three{grid-template-columns:1fr}.about-portrait img{aspect-ratio:1.32/1;object-position:37% 50%}.contact-logo{width:min(138px,44vw)}.contact-heading{text-align:left}.contact-eyebrow{justify-content:flex-start}.contact-heading p{margin-inline:0}.services-sticky p{font-size:15px}.hero-btn-wrap{display:block;text-align:center}}


/* Ajuste solicitado V06 - sessão 02 */
.service-card img{border-bottom:0;background:transparent;object-fit:cover;}
.service-copy{padding:clamp(24px,2.1vw,30px) clamp(24px,2.1vw,30px) clamp(26px,2.3vw,32px);}
.service-copy p{font-size:clamp(17px,1.22vw,19px);line-height:1.78;color:rgba(239,237,237,.96);}
@media (max-width:760px){.service-copy p{font-size:18px;line-height:1.74}.service-copy{padding:24px 22px 28px}}
/* Recorte visual da imagem do card para ocultar a faixa removida, mantendo o arquivo original em 1080x1080 */
.service-card img{aspect-ratio:1.42/1;object-position:top center;}
@media (max-width:760px){.service-card img{aspect-ratio:1.36/1;}}


/* Ajuste V09 - mostrar a imagem inteira nos cards da sessão 02, sem corte */
.services-grid{align-items:start;}
.service-card img{width:100%;height:auto;aspect-ratio:auto !important;object-fit:contain !important;object-position:center top !important;display:block;}
@media (max-width:760px){.service-card img{aspect-ratio:auto !important;}}


/* Ajuste V10 - equalização dos cards da sessão 02 */
.services-grid{
  align-items:stretch;
}
.service-card{
  height:100%;
}
.service-card img{
  flex:0 0 auto;
}
.service-copy{
  flex:1 1 auto;
  display:flex;
  align-items:flex-start;
  min-height:clamp(184px, 13.2vw, 214px);
}
.service-copy p{
  max-width:100%;
}
@media (max-width:760px){
  .service-copy{
    min-height:auto;
  }
}


/* Ajuste V11 - sessão 04 com logo à direita como no site de referência */
.contact-shell{
  position:relative;
}
.contact-heading{
  max-width:min(720px, calc(100% - 360px));
  margin-bottom:34px;
}
.contact-logo{
  position:absolute;
  top:48px;
  right:42px;
  width:min(320px, 30vw);
  height:auto;
  margin:0;
  z-index:3;
}
.contact-heading h2{
  margin-top:0;
}
.contact-heading p{
  max-width:720px;
}
@media (max-width:980px){
  .contact-logo{
    position:static;
    display:block;
    width:min(240px, 52vw);
    margin:0 auto 18px;
  }
  .contact-heading{
    max-width:100%;
    text-align:center;
  }
  .contact-eyebrow{
    justify-content:center;
  }
  .contact-heading p{
    margin-inline:auto;
  }
}
@media (max-width:760px){
  .contact-heading{
    text-align:left;
  }
  .contact-eyebrow{
    justify-content:flex-start;
  }
  .contact-heading p{
    margin-inline:0;
  }
  .contact-logo{
    width:min(180px, 48vw);
    margin:0 0 16px auto;
  }
}

/* Ajuste V12 - corrige logo da sessão 04 no canto superior direito do card */
.contact-shell > .contact-logo{
  position:absolute !important;
  top:48px !important;
  right:48px !important;
  left:auto !important;
  width:min(320px,30vw) !important;
  height:auto !important;
  margin:0 !important;
  z-index:4 !important;
  pointer-events:none;
}
.contact-heading{
  max-width:min(720px,calc(100% - 390px)) !important;
}
@media(max-width:980px){
  .contact-shell > .contact-logo{
    position:static !important;
    display:block;
    width:min(240px,52vw) !important;
    margin:0 auto 18px !important;
    pointer-events:auto;
  }
  .contact-heading{max-width:100% !important;}
}
@media(max-width:760px){
  .contact-shell > .contact-logo{
    width:min(180px,48vw) !important;
    margin:0 0 16px auto !important;
  }
}


/* Ajuste V13 - logo menor e realmente no canto superior direito da sessão 04 */
.contact-shell > .contact-logo{
  position:absolute !important;
  top:34px !important;
  right:34px !important;
  left:auto !important;
  width:min(220px, 18vw) !important;
  max-width:220px !important;
  height:auto !important;
  margin:0 !important;
  z-index:3 !important;
  pointer-events:none !important;
}
.contact-heading{
  max-width:min(760px, calc(100% - 300px)) !important;
  margin-bottom:28px !important;
}
.contact-grid{
  margin-top:18px !important;
}
@media (max-width:980px){
  .contact-shell > .contact-logo{
    position:static !important;
    width:min(220px, 46vw) !important;
    max-width:220px !important;
    margin:0 auto 18px !important;
    pointer-events:auto !important;
  }
  .contact-heading{
    max-width:100% !important;
  }
}
@media (max-width:760px){
  .contact-shell > .contact-logo{
    width:min(170px, 44vw) !important;
    max-width:170px !important;
    margin:0 0 16px auto !important;
  }
}


/* Ajuste V14 - afasta logo do card de email na sessão 04 */
.contact-shell > .contact-logo{
  top:28px !important;
  right:56px !important;
  width:min(185px, 15vw) !important;
  max-width:185px !important;
}
.contact-grid{
  margin-top:28px !important;
}
@media (max-width:980px){
  .contact-shell > .contact-logo{
    right:auto !important;
    width:min(200px, 44vw) !important;
    max-width:200px !important;
  }
}
@media (max-width:760px){
  .contact-shell > .contact-logo{
    width:min(160px, 42vw) !important;
    max-width:160px !important;
  }
}


/* Ajuste V15 - remove linha clara na borda inferior dos cards inferiores da sessão 02 */
.service-card{
  border-bottom-color: transparent !important;
  box-shadow:
    0 24px 68px rgba(0,0,0,.28),
    0 12px 42px rgba(80,114,109,.18) !important;
}
.service-card:hover,
.service-card:focus-within{
  box-shadow:
    0 34px 86px rgba(0,0,0,.36),
    0 18px 58px rgba(80,114,109,.24),
    0 0 24px rgba(242,199,119,.08) !important;
}
.service-card::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:3px;
  background:linear-gradient(180deg, rgba(10,18,20,0), rgba(10,18,20,.98));
  pointer-events:none;
  z-index:3;
}


/* Ajuste V16 - borda verde-escuro em todos os cards antes do hover */
.service-card,
.contact-card{
  border:1px solid rgba(46,76,71,.92) !important;
}
.service-card:hover,
.service-card:focus-within{
  border-color:rgba(242,199,119,.48) !important;
}
.contact-card:hover,
.contact-card:focus-visible{
  border-color:rgba(242,199,119,.42) !important;
}


/* Ajuste V17 - centraliza o logo da sessão 04 apenas no mobile */
@media (max-width:760px){
  .contact-shell > .contact-logo{
    display:block !important;
    margin:0 auto 16px !important;
    width:min(160px,42vw) !important;
    max-width:160px !important;
  }
}


/* Ajuste V18 - mobile: aumenta textos da sessão sobre e H2 da hero em 15% */
@media (max-width:760px){
  .hero-copy p,
  .hero-subtitle,
  .hero-content p{
    font-size:115% !important;
  }
  .about-copy p,
  .about-lead{
    font-size:115% !important;
  }
}