html { scroll-behavior: smooth; scroll-padding-top: 110px; }
.brand-home { display: inline-flex; flex-shrink: 0; }
.brand-logo { display: block; position: relative; width: 126px; height: 70px; overflow: hidden; border-radius: 5px; background: #030f50; }
.brand-logo img { position: absolute; width: 140px; height: auto; max-width: none; left: -7px; top: -20px; }
nav > div { min-height: 90px; }
.whatsapp-chat { position: fixed; right: max(24px, env(safe-area-inset-right)); bottom: max(24px, env(safe-area-inset-bottom)); z-index: 60; display: flex; align-items: center; gap: 10px; min-height: 56px; padding: 14px 20px; border-radius: 999px; color: white; background: #087b43; font-size: 15px; font-weight: 600; box-shadow: 0 6px 24px #052e1633; transition: background .2s, transform .2s; }
.whatsapp-chat svg { width: 25px; height: 25px; flex-shrink: 0; }
.whatsapp-chat:hover { background: #066335; transform: translateY(-2px); }
a:focus-visible, button:focus-visible { outline: 3px solid #b99550; outline-offset: 4px; }
footer { padding-bottom: 110px !important; }
#agendar button[type=submit] { flex-wrap: wrap; }
@media (max-width: 480px) {
  nav > div { padding-inline: 16px; }
  nav > div > div { gap: 12px; }
  nav a[href="#agendar"] { padding: 10px 12px; font-size: 12px; }
  nav a[href="#servicios"] { font-size: 12px; }
  .brand-logo { width: 108px; height: 60px; }
  .brand-logo img { width: 120px; left: -6px; top: -17px; }
  .whatsapp-chat { right: 16px; bottom: max(16px, env(safe-area-inset-bottom)); padding: 15px; }
  .whatsapp-chat span { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .whatsapp-chat { transition: none; }
}

#servicios .grid > div { display: flex; flex-direction: column; align-items: flex-start; }
#servicios .grid > div > p { flex-grow: 1; }
.service-consult { display: inline-flex; align-items: center; justify-content: center; gap: 12px; min-height: 46px; margin-top: 24px; padding: 12px 20px; border-radius: 12px; background: var(--color-brand-navy, #0f172a); color: white; font-size: 14px; font-weight: 600; transition: background .2s, color .2s; }
.service-consult:hover { background: var(--color-brand-gold, #b99550); color: var(--color-brand-navy, #0f172a); }
@media (prefers-reduced-motion: reduce) { .service-consult { transition: none; } }