/* Approved 3D design. Reference page retains its existing design. */
body.design-depth .button,
body.design-depth .mobile-call {
  --depth-edge:#d9ab4e40;
  border-radius:24px;
  border:1px solid transparent;
  background:linear-gradient(180deg,#ffe6a1 0%,#f4cb6c 40%,#e9b84b 70%,#dca437 100%);
  color:#202426;
  box-shadow:inset 0 2px 12px #ffe9ab35,inset 0 -5px 14px #a76c231a,0 0 5px 1px var(--depth-edge),0 8px 22px -5px #0003;
  text-shadow:none;
  transition:transform .16s ease,box-shadow .16s ease,filter .16s ease;
}
body.design-depth .button-ghost {
  --depth-edge:#56616840;
  background:linear-gradient(180deg,#626c70 0%,#3d484d 43%,#283237 100%);
  color:#fff;border-color:transparent;
  text-shadow:0 1px 2px #0007;
}
body.design-depth .button-light {
  --depth-edge:#dce2e440;
  background:linear-gradient(180deg,#fff 0%,#f1f4f5 48%,#dce2e4 100%);
  border-color:transparent;color:#202426;
}
body.design-depth .contact-whatsapp-button {
  --depth-edge:#25c66040;
  background:linear-gradient(180deg,#62e58b 0%,#25d366 45%,#169d49 100%);
  border-color:transparent;color:#102418;
  text-shadow:0 1px 0 #ffffff40;
}
@media(hover:hover) {
  body.design-depth .button:hover,body.design-depth .mobile-call:hover {
    transform:translateY(-2px);filter:brightness(1.025);
    box-shadow:inset 0 2px 14px #ffe9ab35,inset 0 -5px 14px #0001,0 0 6px 1px var(--depth-edge),0 12px 28px -6px #0003;
  }
}
body.design-depth .button:active,body.design-depth .mobile-call:active {
  transform:translateY(4px);
  box-shadow:inset 0 2px 10px #0002,0 0 5px var(--depth-edge),0 3px 12px -4px #0002;
}
body.design-depth .button:focus-visible,body.design-depth .mobile-call:focus-visible {
  outline:3px solid #368ce0;outline-offset:6px;
}
body.design-depth .button:disabled {filter:grayscale(.5);opacity:.7;transform:none;cursor:wait}
body.design-depth .process-step,
body.design-depth .quality-step-card {
  background:linear-gradient(145deg,#fdfcf9 0%,#f9f7f2 48%,#eeeae1 100%);
  border-radius:18px;
  box-shadow:inset 0 -5px 14px #b6aea712,0 5px 10px -4px #8d877b55,0 14px 28px #2527261f;
}
body.design-depth .process-step {border:1px solid transparent;border-top:0}
body.design-depth .quality-step-card {border-top-color:transparent;border-bottom-color:transparent}
body.design-depth .process-step:before {
  background:linear-gradient(90deg,transparent,#e9b84b99 20%,#c2923899 80%,transparent);
  border-radius:18px 18px 0 0;height:4px;
  box-shadow:none;
}
body.design-depth .process-step>span,
body.design-depth .quality-step-number {
  background:radial-gradient(ellipse at 30% 20%,#fff6cf 0%,#ffdf80 28%,#efbd4d 58%,#c89124 100%);
  border:1px solid transparent;
  color:#262b2d;
  text-shadow:none;
  box-shadow:inset 0 3px 9px #fff0b540,inset -2px -4px 10px #a867252b,0 4px 7px -2px #a8761f70,0 8px 15px #24272826;
}
@media(prefers-reduced-motion:reduce) {
  body.design-depth .button,body.design-depth .mobile-call{transition:none}
}

/* Feather only the surface, never the text or icons. No bevels or rim shadows. */
body.design-depth .button,
body.design-depth .mobile-call {
  --depth-surface:linear-gradient(165deg,#ffe3a0 0%,#f2ca73 48%,#dfb35b 100%);
  background:transparent;
  box-shadow:none;
  text-shadow:none;
  isolation:isolate;
  overflow:visible;
  transition:transform .2s ease;
}
body.design-depth .button {position:relative}
body.design-depth .button-ghost {
  --depth-surface:linear-gradient(165deg,#626d71 0%,#475257 48%,#354045 100%);
}
body.design-depth .button-light {
  --depth-surface:linear-gradient(165deg,#f9faf9,#e3e7e6);
}
body.design-depth .contact-whatsapp-button {
  --depth-surface:linear-gradient(165deg,#61df87,#2cc96a 48%,#24aa58);
}
body.design-depth .button::after,
body.design-depth .mobile-call::after {
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  border-radius:inherit;background:var(--depth-surface);
  filter:blur(2.2px);
  box-shadow:0 10px 28px -9px #17202226;
}
body.design-depth .button:hover,body.design-depth .mobile-call:hover,
body.design-depth .button:active,body.design-depth .mobile-call:active {
  filter:none;box-shadow:none;
}
body.design-depth .process-step,
body.design-depth .quality-step .quality-step-card {
  background:transparent;border-color:transparent;border-radius:24px;box-shadow:none;
  position:relative;isolation:isolate;overflow:visible;
}
body.design-depth .process-step::after,
body.design-depth .quality-step-card::after {
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  border-radius:inherit;
  background:linear-gradient(145deg,#fcfbf7 0%,#f7f5ef 55%,#efede6 100%);
  filter:blur(3px);
  box-shadow:0 14px 38px -12px #45443e24;
}
body.design-depth .process-step::before {display:none}
body.design-depth .process-step>span,
body.design-depth .quality-step-number {
  background:transparent;border-color:transparent;text-shadow:none;box-shadow:none;
  position:relative;isolation:isolate;overflow:visible;
}
body.design-depth .process-step>span::after,
body.design-depth .quality-step-number::after {
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  border-radius:50%;
  background:radial-gradient(ellipse at 30% 22%,#fff0bc 0%,#f7d47d 38%,#deb352 100%);
  filter:blur(1.6px);
  box-shadow:0 8px 20px -6px #82632530;
}
@media(prefers-reduced-motion:reduce) {
  body.design-depth .button,body.design-depth .mobile-call{transition:none}
}