/* Modern glass icon system */
.glass-icon {
  display: inline-grid;
  place-items: center;
  flex: 0 0 auto;
  color: currentColor;
  background: linear-gradient(145deg, rgba(255,255,255,.16), rgba(255,255,255,.045));
  border: 1px solid rgba(255,255,255,.24);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.22), 0 8px 24px rgba(0,0,0,.22);
  backdrop-filter: blur(14px) saturate(135%);
  -webkit-backdrop-filter: blur(14px) saturate(135%);
}
.glass-icon svg { width: 52%; height: 52%; fill: none; stroke: currentColor; stroke-width: 1.65; stroke-linecap: round; stroke-linejoin: round; }
.glass-icon svg .fill { fill: currentColor; stroke: none; }
.brand .brand-icon {
  width: 42px; height: 42px; border-radius: 14px; font-family: inherit; font-size: 0;
  transform: rotate(-3deg); border-color: rgba(255,255,255,.2);
  background: radial-gradient(circle at 28% 20%, rgba(255,255,255,.24), rgba(255,255,255,.07) 42%, rgba(255,255,255,.025));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.3), 0 10px 30px rgba(0,0,0,.28), 0 0 0 1px rgba(238,59,36,.08);
}
.brand .brand-icon svg { width: 58%; height: 58%; stroke-width: 1.35; }
.button .button-icon { width: 31px; height: 31px; border-radius: 10px; margin-right: -13px; transition: transform .25s ease, background .25s ease; }
.button.primary .button-icon, .floating-wa .button-icon, .floating-wa .inline-icon {
  border-radius: 50% 50% 46% 54% / 54% 46% 54% 46%;
  background: radial-gradient(circle at 28% 20%, rgba(255,255,255,.26), rgba(255,255,255,.08) 45%, rgba(43,0,8,.2));
  border-color: rgba(255,255,255,.28);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.28), 0 9px 20px rgba(48,0,9,.28);
  transform: rotate(-3deg);
}
.button:hover .button-icon { transform: translate(2px,-2px); background: linear-gradient(145deg,rgba(255,255,255,.26),rgba(255,255,255,.08)); }
.button.ghost .button-icon { background: linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.025)); border-color: rgba(255,255,255,.16); }
.inline-icon { width: 30px; height: 30px; border-radius: 10px; margin-right: 10px; vertical-align: middle; }
.social-link, .footer-social, .mobile-wa-label { display: inline-flex; align-items: center; }
.floating-wa .inline-icon { width: 30px; height: 30px; margin: -7px 10px -7px -8px; }
.floating-wa .button-icon { width: 32px; height: 32px; border-radius: 10px; margin: -8px -9px -8px 12px; }
@media (max-width: 850px) {
  .brand .brand-icon { width: 40px; height: 40px; border-radius: 13px; }
  .nav .brand { font-size: 11px; }
  .button { gap: 18px; padding-right: 19px; }
}
@media (max-width: 430px) { .nav .brand { font-size: 0; } }