:root{
  --violet-980:#07060b;
  --violet-950:#111019;
  --violet-900:#19181f;
  --violet-850:#2b1a62;
  --violet-780:#381297;
  --violet-700:#4c25aa;
  --violet-620:#5f2bcd;
  --violet-540:#8c66d7;
  --lilac-300:#b6adca;
  --lilac-200:#dcd8e2;
  --white:#ffffff;
  --muted:#c3bbd1;
  --line:rgba(182,173,202,.24);
  --gold:#F2B35B;
  --rose-500:#ff4fae;
  --max:1180px;
}

*{box-sizing:border-box}
html{
  scroll-behavior:smooth;
  scrollbar-width:thin;
  scrollbar-color:var(--violet-540) var(--violet-950);
}
body{
  margin:0;
  min-height:100vh;
  font-family:'Manrope',Inter,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  color:var(--white);
  background:var(--violet-950);
  overflow-x:hidden;
}
body::-webkit-scrollbar{width:10px}
body::-webkit-scrollbar-track{background:var(--violet-950)}
body::-webkit-scrollbar-thumb{
  background:linear-gradient(180deg,var(--violet-540),var(--violet-620));
  border-radius:999px;
  border:2px solid var(--violet-950);
}
body::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--lilac-300),var(--violet-540))}
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(220,216,226,.16);
  border-radius:999px;
  background:linear-gradient(180deg,rgba(43,26,98,.78),rgba(17,16,25,.64));
  box-shadow:0 28px 90px rgba(0,0,0,.40),inset 0 1px 0 rgba(255,255,255,.13),0 0 28px rgba(140,102,215,.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(140,102,215,.14),rgba(255,255,255,.04),rgba(76,37,170,.16));
}
.site-header::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  padding:3px;
  pointer-events:none;
  background:
    radial-gradient(circle at 17% 84%, rgba(182,173,202,.86) 0%, rgba(182,173,202,.56) .8%, transparent 2.1%),
    radial-gradient(circle at 78% 19%, rgba(140,102,215,.90) 0%, rgba(140,102,215,.58) .75%, transparent 1.9%),
    linear-gradient(112deg,
      rgba(255,255,255,.90) 0%,
      rgba(220,216,226,.70) 10%,
      rgba(255,255,255,.88) 18%,
      rgba(110,93,156,.54) 28%,
      rgba(220,216,226,.82) 40%,
      rgba(95,43,205,.46) 52%,
      rgba(255,255,255,.88) 64%,
      rgba(140,102,215,.58) 76%,
      rgba(220,216,226,.82) 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:.90;
  filter:drop-shadow(0 0 10px rgba(255,255,255,.07)) drop-shadow(0 0 8px rgba(140,102,215,.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:flex-start;
  gap:10px;
  height:54px;
  min-width:220px;
  padding:7px 16px 7px 9px;
  border-radius:999px;
  background:linear-gradient(135deg,rgba(43,26,98,.96),rgba(17,16,25,.96));
  border:1px solid rgba(182,173,202,.22);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 14px 34px rgba(0,0,0,.30),0 0 26px rgba(140,102,215,.12);
  overflow:hidden;
}
.brand-mark{
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border-radius:999px;
  color:var(--white);
  background:radial-gradient(circle at 36% 28%,var(--violet-540),var(--violet-700) 58%,var(--violet-850));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 0 18px rgba(140,102,215,.34);
  font-size:18px;
  font-weight:800;
  letter-spacing:-.04em;
}
.brand-text{
  color:rgba(255,255,255,.92);
  font-size:13px;
  line-height:1.02;
  font-weight:800;
  letter-spacing:.02em;
  text-transform:uppercase;
  text-shadow:0 0 14px rgba(140,102,215,.22);
}
.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(255,255,255,.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(140,102,215,.15);
  box-shadow:0 0 0 1px rgba(182,173,202,.23),0 0 34px rgba(140,102,215,.18);
  transform:translateY(-1px);
  outline:none;
}
.menu-toggle{
  display:none;
  width:46px;
  height:46px;
  border:1px solid rgba(182,173,202,.30);
  border-radius:999px;
  background:rgba(140,102,215,.14);
  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(95,43,205,.34),transparent 34%),var(--violet-950);
}
.hero-bg{
  position:absolute;
  inset:0;
  z-index:-6;
  background-image:
    radial-gradient(ellipse at 89% 47%,rgba(220,216,255,.28) 0%,rgba(140,102,215,.18) 34%,rgba(255,255,255,0) 60%),
    linear-gradient(90deg,rgba(7,6,11,.94) 0%,rgba(17,16,25,.82) 33%,rgba(43,26,98,.40) 58%,rgba(7,6,11,.34) 100%),
    linear-gradient(180deg,rgba(7,6,11,.38) 0%,rgba(17,16,25,.38) 44%,rgba(7,6,11,.96) 100%),
    url('../images/bg-hero-ajales-v02.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:none;
  transform:none;
}
.hero::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-5;
  pointer-events:none;
  background:
    radial-gradient(circle at 27% 35%,rgba(140,102,215,.18),transparent 31%),
    radial-gradient(circle at 76% 34%,rgba(220,216,226,.16),transparent 35%),
    radial-gradient(circle at 61% 71%,rgba(76,37,170,.20),transparent 32%),
    linear-gradient(90deg,rgba(7,6,11,.30),rgba(43,26,98,.05),rgba(7,6,11,.40));
}
.hero::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-4;
  pointer-events:none;
  box-shadow:inset 0 0 150px rgba(7,6,11,.86),inset 0 -130px 160px rgba(7,6,11,.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(76,37,170,.34);
  opacity:.72;
}
.hero-depth-right{
  right:7%;
  top:14%;
  width:min(680px,58vw);
  height:min(560px,55vh);
  background:radial-gradient(circle,rgba(220,216,226,.26) 0%,rgba(140,102,215,.22) 28%,rgba(76,37,170,.18) 52%,transparent 74%);
  opacity:.84;
}
.hero-grid{
  position:absolute;
  inset:0;
  z-index:-2;
  pointer-events:none;
  opacity:.16;
  background-image:
    linear-gradient(rgba(182,173,202,.14) 1px,transparent 1px),
    linear-gradient(90deg,rgba(182,173,202,.11) 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(--lilac-300);
  text-transform:uppercase;
  letter-spacing:.28em;
  font-size:12px;
  font-weight:800;
  line-height:1.2;
  text-shadow:0 0 20px rgba(140,102,215,.34);
}
.hero-eyebrow::after{
  content:"";
  width:82px;
  height:1px;
  background:linear-gradient(90deg,var(--lilac-300),rgba(182,173,202,0));
}
h1{
  margin:18px 0 20px;
  font-size:clamp(29px,4.69vw,62px);
  line-height:1.01;
  letter-spacing:-.052em;
  font-weight:800;
  text-wrap:balance;
  text-shadow:0 0 42px rgba(140,102,215,.16),0 3px 34px rgba(0,0,0,.46);
}
.hero-subtitle{
  max-width:610px;
  margin:0 0 30px;
  color:rgba(220,216,226,.88);
  font-size:clamp(15.8px,1.34vw,19px);
  line-height:1.74;
  font-weight:500;
  text-shadow:0 2px 20px rgba(0,0,0,.48);
}
.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(-90px,-4.6vw,-28px);
  margin-right:clamp(-46px,-2vw,0px);
  transform:translateX(-2%);
}
.portrait-light{
  position:absolute;
  left:2%;
  right:18%;
  top:3%;
  height:78%;
  border-radius:48% 50% 44% 46%;
  background:
    radial-gradient(circle at 48% 22%,rgba(220,216,226,.34),rgba(140,102,215,.18) 32%,rgba(76,37,170,.12) 54%,transparent 74%),
    radial-gradient(circle at 74% 52%,rgba(95,43,205,.20),transparent 40%);
  filter:blur(34px);
  opacity:.58;
}
.portrait-shadow{
  position:absolute;
  left:1%;
  right:0;
  bottom:1%;
  height:35%;
  border-radius:50%;
  background:radial-gradient(ellipse at 50% 74%,rgba(0,0,0,.76) 0%,rgba(17,16,25,.54) 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(140,102,215,.20),rgba(255,255,255,0) 30%,rgba(43,26,98,.26) 74%);
  filter:blur(18px);
  opacity:.52;
  z-index:1;
  pointer-events:none;
}
.hero-visual::after{
  content:"";
  position:absolute;
  left:-1%;
  right:-3%;
  bottom:-4%;
  height:34%;
  z-index:4;
  pointer-events:none;
  background:
    radial-gradient(ellipse at 56% 100%,rgba(7,6,11,.96) 0%,rgba(17,16,25,.78) 38%,transparent 71%),
    linear-gradient(180deg,rgba(7,6,11,0) 0%,rgba(17,16,25,.46) 43%,rgba(7,6,11,.94) 82%,var(--violet-980) 100%);
  filter:blur(5px);
}
.hero-visual img{
  position:relative;
  z-index:3;
  width:min(55vw,760px);
  min-width:520px;
  max-height:min(86svh,800px);
  height:auto;
  max-width:none;
  object-fit:contain;
  object-position:center bottom;
  margin-bottom:-18px;
  filter:
    drop-shadow(0 28px 46px rgba(0,0,0,.68))
    drop-shadow(-22px 0 38px rgba(76,37,170,.24))
    drop-shadow(0 0 24px rgba(140,102,215,.13))
    saturate(.96) 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(7,6,11,0),rgba(7,6,11,.84) 72%,var(--violet-980) 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(--violet-850);
  font-weight:800;
  font-size:16px;
  font-family:inherit;
  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(--violet-850),var(--violet-900));
  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(--lilac-200)}
.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(--violet-850),var(--violet-850),
    var(--violet-700),var(--lilac-200),
    var(--violet-700),var(--violet-850),
    var(--violet-850),var(--violet-850),
    var(--violet-850),var(--violet-620),
    var(--white),var(--violet-620),
    var(--violet-850),var(--violet-850),
    var(--violet-850),var(--violet-850)
  );
  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(--violet-850),var(--violet-850),
    var(--violet-700),var(--lilac-200),
    var(--violet-700),var(--violet-850),
    var(--violet-850),var(--violet-850),
    var(--violet-850),var(--violet-620),
    var(--white),var(--violet-620),
    var(--violet-850),var(--violet-850),
    var(--violet-850),var(--violet-850)
  );
  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{min-width:164px;height:48px;padding:6px 12px 6px 7px;gap:8px}
  .brand-mark{width:34px;height:34px;font-size:16px}
  .brand-text{font-size:11px;line-height:1.02}
  .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(17,16,25,.96);
    border:1px solid rgba(182,173,202,.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(140,102,215,.10);
    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:-.045em}
  .hero-subtitle{max-width:100%;font-size:15px;line-height:1.62;margin-bottom:0}
  .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:-10px}
  .hero-visual::after{height:36%;bottom:-5%}
  .hero-bottom-fade{height:118px}
  .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{min-width:150px;height:46px}
  .brand-mark{width:32px;height:32px}
  .brand-text{font-size:10.3px}
  .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{min-width:132px;padding-right:9px}
  .brand-text{font-size:9.2px}
  .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(182,173,202,.16),transparent 28rem),
    radial-gradient(circle at 88% 24%,rgba(95,43,205,.34),transparent 34rem),
    linear-gradient(180deg,#07060b 0%,#111019 42%,#07060b 100%);
}
.services-bg{
  position:absolute;
  inset:-80px 0 0;
  z-index:-1;
  pointer-events:none;
  background:
    linear-gradient(180deg,rgba(7,6,11,0) 0%,rgba(7,6,11,.88) 12%,rgba(43,26,98,.74) 48%,rgba(7,6,11,.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(182,173,202,.12) 1px,transparent 1px),
    linear-gradient(90deg,rgba(182,173,202,.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(182,173,202,.20),rgba(95,43,205,.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(43,26,98,.74),rgba(0,12,30,.70));
  border:1px solid rgba(182,173,202,.24);
  box-shadow:0 28px 84px rgba(0,0,0,.36),0 0 0 1px rgba(95,43,205,.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(182,173,202,.58),rgba(255,255,255,.10),rgba(95,43,205,.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(--lilac-300);
  text-transform:uppercase;
  letter-spacing:.28em;
  font-size:12px;
  font-weight:800;
  line-height:1.2;
  text-shadow:0 0 20px rgba(182,173,202,.30);
}
.services-eyebrow::after{
  content:"";
  width:76px;
  height:1px;
  background:linear-gradient(90deg,var(--lilac-300),rgba(182,173,202,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(182,173,202,.10),0 16px 38px rgba(0,0,0,.30);
}
.services-sticky p{
  margin:0;
  color:rgba(220,216,226,.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(43,26,98,.72),rgba(0,13,31,.82));
  border:1px solid rgba(182,173,202,.22);
  box-shadow:0 24px 68px rgba(0,0,0,.30),0 12px 42px rgba(95,43,205,.20),0 0 0 1px rgba(182,173,202,.08),inset 0 1px 0 rgba(255,255,255,.10);
  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(182,173,202,.20),transparent 28%),linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,0));
}
.service-card:hover,.service-card:focus-within{
  transform:translateY(-7px);
  border-color:rgba(182,173,202,.48);
  box-shadow:0 34px 86px rgba(0,0,0,.42),0 18px 58px rgba(95,43,205,.28),0 0 36px rgba(182,173,202,.12),inset 0 1px 0 rgba(255,255,255,.14);
}
.service-card img{
  position:relative;
  z-index:0;
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:1/1;
  object-fit:contain;
  background:linear-gradient(135deg,var(--violet-980),var(--violet-850));
  border-bottom:1px solid rgba(182,173,202,.16);
  filter:saturate(1.02) contrast(1.02);
}
.service-copy{
  position:relative;
  z-index:2;
  padding:22px 22px 24px;
  background:linear-gradient(180deg,rgba(43,26,98,.76),rgba(7,6,11,.72));
}
.service-copy p{
  margin:0;
  color:rgba(220,216,226,.84);
  font-size:15px;
  line-height:1.65;
  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}
  .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:contain}
  .service-copy{padding:20px}
  .service-copy p{font-size:14.2px}
  .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(--violet-980);
}
.about-bg{
  position:absolute;
  inset:0;
  z-index:-2;
  pointer-events:none;
  background:
    radial-gradient(circle at 12% 14%,rgba(182,173,202,.18),transparent 27rem),
    radial-gradient(circle at 88% 14%,rgba(95,43,205,.42),transparent 32rem),
    radial-gradient(circle at 48% 96%,rgba(182,173,202,.10),transparent 30rem),
    linear-gradient(180deg,#07060b 0%,#111019 52%,#07060b 100%);
}
.about-bg::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.16;
  background-image:
    linear-gradient(rgba(182,173,202,.12) 1px,transparent 1px),
    linear-gradient(90deg,rgba(182,173,202,.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(7,6,11,.96),rgba(7,6,11,0) 16%,rgba(7,6,11,0) 82%,rgba(7,6,11,.96)),
    radial-gradient(ellipse at 50% 0%,rgba(182,173,202,.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(182,173,202,.32);
  box-shadow:0 38px 100px rgba(0,0,0,.34),0 18px 54px rgba(95,43,205,.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%,#2B1A62 16%,#5F2BCD 32%,#B6ADCA 50%,#5F2BCD 68%,#2B1A62 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.02);
  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(43,26,98,.78),rgba(0,13,31,.70));
  border:1px solid rgba(182,173,202,.26);
  box-shadow:0 28px 84px rgba(0,0,0,.36),0 0 0 1px rgba(95,43,205,.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(182,173,202,.58),rgba(255,255,255,.10),rgba(95,43,205,.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(182,173,202,.14),transparent 66%);
  pointer-events:none;
}
.about-eyebrow{
  position:relative;
  z-index:1;
  display:inline-flex;
  align-items:center;
  gap:13px;
  color:var(--lilac-300);
  text-transform:uppercase;
  letter-spacing:.28em;
  font-size:12px;
  font-weight:800;
  line-height:1.2;
  text-shadow:0 0 20px rgba(182,173,202,.30);
}
.about-eyebrow::after{
  content:"";
  width:76px;
  height:1px;
  background:linear-gradient(90deg,var(--lilac-300),rgba(182,173,202,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(182,173,202,.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(220,216,226,.82);
  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: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(--violet-980);
}
.contact-bg{
  position:absolute;
  inset:0;
  z-index:-2;
  pointer-events:none;
  background:
    radial-gradient(circle at 18% 10%,rgba(182,173,202,.18),transparent 29rem),
    radial-gradient(circle at 86% 20%,rgba(95,43,205,.46),transparent 34rem),
    radial-gradient(circle at 52% 102%,rgba(182,173,202,.12),transparent 30rem),
    linear-gradient(180deg,#07060b 0%,#111019 48%,#07060b 100%);
}
.contact-bg::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.16;
  background-image:
    linear-gradient(rgba(182,173,202,.12) 1px,transparent 1px),
    linear-gradient(90deg,rgba(182,173,202,.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(7,6,11,.96),rgba(7,6,11,0) 18%,rgba(7,6,11,0) 78%,rgba(7,6,11,.96)),
    radial-gradient(ellipse at 50% 0%,rgba(182,173,202,.15),transparent 62%);
}
.contact-shell{
  position:relative;
  z-index:2;
  border:1px solid rgba(182,173,202,.28);
  border-radius:38px;
  padding:clamp(28px,5vw,48px);
  background:linear-gradient(150deg,rgba(43,26,98,.86),rgba(0,12,30,.78));
  box-shadow:0 34px 98px rgba(0,0,0,.38),0 20px 58px rgba(95,43,205,.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(182,173,202,.62),rgba(255,255,255,.11),rgba(95,43,205,.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(182,173,202,.18),rgba(95,43,205,.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(--lilac-300);
  text-transform:uppercase;
  letter-spacing:.28em;
  font-size:12px;
  font-weight:800;
  line-height:1.2;
  text-shadow:0 0 20px rgba(182,173,202,.30);
}
.contact-eyebrow::after{
  content:"";
  width:76px;
  height:1px;
  background:linear-gradient(90deg,var(--lilac-300),rgba(182,173,202,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(182,173,202,.10),0 16px 38px rgba(0,0,0,.30);
}
.contact-heading p{
  margin:0;
  color:rgba(220,216,226,.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(182,173,202,.20);
  background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(43,26,98,.20));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 20px 55px rgba(0,0,0,.22),0 10px 34px rgba(95,43,205,.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(182,173,202,.56);
  background:linear-gradient(180deg,rgba(182,173,202,.13),rgba(43,26,98,.20));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 26px 64px rgba(0,0,0,.30),0 0 34px rgba(182,173,202,.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(182,173,202,.22),rgba(255,255,255,.07));
  border:1px solid rgba(182,173,202,.32);
  margin-bottom:18px;
  color:var(--lilac-300);
  box-shadow:0 0 22px rgba(182,173,202,.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(220,216,226,.78);
  font-size: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(--lilac-300);
}
.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(182,173,202,.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(7,6,11,.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(182,173,202,.72);
  background:linear-gradient(180deg,rgba(43,26,98,.84),rgba(7,6,11,.76));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 30px 74px rgba(0,0,0,.42),0 0 36px rgba(182,173,202,.16),0 0 0 1px rgba(95,43,205,.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(--lilac-300);
  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(182,173,202,.34);
  background:linear-gradient(135deg,rgba(43,26,98,.98),rgba(95,43,205,.94));
  color:var(--white);
  font-weight:900;
  box-shadow:0 14px 30px rgba(0,0,0,.26),0 0 24px rgba(182,173,202,.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(182,173,202,.22);
}
.contact-map-frame{
  border-radius:22px;
  overflow:hidden;
  border:1px solid rgba(182,173,202,.14);
  background:#111019;
  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(220,216,226,.74);
  background:
    radial-gradient(circle at 50% 0%,rgba(95,43,205,.22),transparent 42%),
    var(--violet-980);
}
.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(182,173,202,.22);
  background:linear-gradient(180deg,rgba(43,26,98,.78),rgba(7,6,11,.58));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    inset 0 -1px 0 rgba(182,173,202,.07),
    0 24px 60px rgba(0,0,0,.24),
    0 0 34px rgba(182,173,202,.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(182,173,202,.72),rgba(242,179,91,.30),rgba(95,43,205,.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);
  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(--violet-980)}
.service-card img{background:linear-gradient(135deg,#f5f2fa,#ddd8ea)}
.about-portrait img{aspect-ratio:1/1;object-position:center center}
.contact-heading{max-width:min(860px,100%)}
@media (max-width:760px){.about-portrait img{aspect-ratio:1/1}}