@layer components {
  .social-links{display:flex;flex-wrap:wrap;gap:10px 18px;margin-top:23px;font-size:11px;color:#B9D9EF}
  .social-links a{border-bottom:1px solid #8BB9D655;padding-bottom:4px;transition:color .2s}
  .social-links a:hover{color:var(--accent)}
  .whatsapp-dock{position:fixed;z-index:25;bottom:22px;right:24px;display:flex;align-items:center;gap:10px;min-height:48px;padding:12px 17px;background:#FFFFFF;color:#082E50;border:1px solid #BED8EC;border-radius:28px;box-shadow:0 4px 20px #082E5020;font-size:12px;font-weight:600;transition:transform .2s,background .2s}
  .whatsapp-dock>svg{width:23px;height:23px;flex-shrink:0;color:#087E51}
  .whatsapp-dock:hover{transform:translateY(-3px)}
  .footer-bottom{padding-bottom:85px}
  .site-footer .brand-logo-frame{height:60px;background:#FFFFFF;border-radius:6px}
  .whatsapp-dock:hover{background:#EDF8FF}
}
@layer responsive {
  @media(max-width:760px){.whatsapp-dock{right:16px;bottom:16px;width:50px;height:50px;min-height:50px;justify-content:center;padding:12px;border-radius:50%}.whatsapp-dock>span{display:none}.social-links{font-size:11px}.footer-contact>a{overflow-wrap:anywhere}}
  @media(max-width:760px){.site-header .brand-logo-frame{width:150px;height:44px}.site-header .brand-logo{width:174px}}
  @media print{.whatsapp-dock{display:none}}
}