/* Clinic logo, WhatsApp and action buttons */
html{scroll-padding-top:124px}
.brand{--logo-width:168px;gap:0;line-height:0}
.brand-logo{position:relative;display:block;width:var(--logo-width);height:calc(var(--logo-width)*.54);overflow:hidden;flex:none}
.brand-logo>img{position:absolute;left:-12%;top:calc(var(--logo-width)*-.18);width:124%;max-width:none;height:auto}
.header-inner{min-height:104px}
.site-footer .brand{--logo-width:178px}
.site-footer .brand-logo>img{filter:brightness(0) invert(1);opacity:.96}
.footer-brand>p{margin-top:22px}
.btn-refined,.btn-directions{border-radius:10px;min-height:56px;gap:12px;padding:8px 11px 8px 12px;border:1px solid #d4d9ca;background:#fff;color:var(--green);box-shadow:0 5px 18px #173e3509;font-size:12px;transition:transform .2s,box-shadow .2s,background .2s,border-color .2s,color .2s}
.btn-label{display:inline-block;line-height:1.4}
.btn-icon{width:33px;height:33px;display:grid;place-items:center;background:#f0eee4;border-radius:8px;flex:none}
.btn-icon .icon{width:17px;height:17px;color:#8d7450}
.btn-refined>.icon:last-child,.btn-directions>.icon:last-child{width:17px;height:17px;margin-left:4px}
.btn-refined:hover{background:var(--green);color:white;transform:translateY(-2px);border-color:var(--green);box-shadow:0 9px 24px #173e3518}
.btn-refined:hover .btn-icon{background:#ffffff16}
.btn-refined:hover .btn-icon .icon{color:#e0d5b8}
.btn-refined-green{background:var(--green);color:white;border-color:var(--green);box-shadow:0 6px 18px #173e3517}
.btn-refined-green .btn-icon{background:#ffffff16}
.btn-refined-green .btn-icon .icon{color:#e0d5b8}
.btn-refined-green:hover{background:#2b5446;border-color:#2b5446;box-shadow:0 10px 24px #173e3524}
.hero-actions{gap:16px}
.hero-actions .btn-refined{min-height:54px;padding:8px 12px;font-size:11px;gap:10px}
.hero-actions .btn-refined .btn-icon{width:30px;height:30px}
.btn-directions{border-color:var(--green);background:var(--green);color:#fff;gap:12px;padding:10px 16px;box-shadow:none}
.btn-directions .btn-icon{background:transparent;width:auto;height:auto}
.btn-directions .btn-icon .icon{color:currentColor;width:17px;height:17px}
.btn-directions>.icon:last-child{box-sizing:content-box;background:transparent;color:currentColor;padding:0;border-radius:0;width:15px;height:15px;margin-left:2px}
.btn-directions:hover{background:#254f43;border-color:#254f43;color:#fff;box-shadow:none;transform:translateY(-1px)}
.btn-directions:hover>.icon:last-child{background:transparent;transform:none}
.site-footer .btn-directions{font-size:11px;min-height:48px;margin-top:5px;background:transparent;color:#e9ede3;border-color:#e9ede366;box-shadow:none;padding:10px 14px;gap:10px}
.site-footer .btn-directions:hover{background:#ffffff12;color:#fff;border-color:#e9ede3aa}
.site-footer .btn-directions .btn-icon{width:auto;height:auto;background:transparent}
.site-footer .btn-directions>.icon:last-child{padding:0;width:14px;height:14px}
.btn-whatsapp{background:#e9f6ed;color:#17633e;border:1px solid #c5e7cf;border-radius:7px;gap:12px}
.btn-whatsapp:hover{background:#d7f0df;border-color:#87cfa1;transform:translateY(-2px)}
.btn-whatsapp>.icon:first-child{width:23px;height:23px}
.btn-whatsapp>.icon:last-child{margin-left:auto;width:16px;height:16px}
.appointment-dialog>.btn-whatsapp{font-size:12px;padding:12px 18px;min-height:49px}
.whatsapp-float{position:fixed;right:24px;bottom:24px;z-index:25;min-height:54px;display:flex;align-items:center;justify-content:center;gap:10px;padding:12px 19px;color:white;background:#187c47;border:1px solid #ffffff60;border-radius:30px;box-shadow:0 6px 22px #123a2930;font-size:13px;font-weight:600;transition:background .2s,transform .2s,box-shadow .2s}
.brand-icon{fill:currentColor;stroke:none}
.brand-icon path{fill-rule:evenodd}
.whatsapp-float .brand-icon,.social-link .brand-icon,.btn-whatsapp-contact .brand-icon{color:#fff}
.site-footer .social-link{gap:10px;margin-top:2px;padding:9px 16px 9px 12px;border:1px solid #e9ede338;border-radius:999px;background:#ffffff0d;color:#f7f8f3;font-size:12px;letter-spacing:.01em;transition:background .2s,border-color .2s,transform .2s}
.site-footer .social-link .brand-icon{width:18px;height:18px;padding:0;border-radius:0;background:none;color:#fff}
.site-footer .social-link>.icon:last-child{display:none}
.site-footer .social-link:hover{background:#ffffff18;border-color:#e9ede366;color:#fff;transform:translateY(-2px)}
.site-footer .social-link:hover .brand-icon{color:#fff}
.whatsapp-float>.icon:first-child{width:22px;height:22px}
.whatsapp-float>.icon:last-child{width:14px;height:14px;opacity:.8}
.whatsapp-float:hover{background:#157743;transform:translateY(-3px);box-shadow:0 9px 25px #123a293d}
.back-top{bottom:94px}
.dialog-open .whatsapp-float{visibility:hidden}
.primary-contact .contact-buttons{gap:10px;flex-wrap:wrap}
.btn-whatsapp-contact{background:#ffffff13;color:#fff;border-color:#ffffff50;padding:13px 16px;min-height:51px;gap:10px;font-size:12px}
.btn-whatsapp-contact:hover{background:#ffffff24;border-color:#ffffff8c}
.btn-whatsapp-contact>.icon:last-child{display:none}
.contact-buttons .copy-light{margin-left:1px;flex:none}
@media(max-width:1250px){
 .brand{--logo-width:158px}.header-inner{min-height:100px}
 .hero-actions{gap:12px}.hero-actions .btn-refined{padding:8px 10px;gap:8px;font-size:10px}
}
@media(max-width:1020px){
 .brand{--logo-width:150px}.header-inner{min-height:96px}
 .hero-actions{gap:12px}.hero-actions .btn-refined{font-size:11px;min-height:51px;padding:8px 14px;gap:10px}
}
@media(max-width:760px){
 html{scroll-padding-top:104px}
 .brand{--logo-width:132px}.header-inner{min-height:84px}
 .site-footer .brand{--logo-width:170px}
 .hero-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;align-items:stretch}
 .hero-actions .btn-primary{padding:12px 10px;gap:8px;font-size:11px;min-height:50px}
 .hero-actions .btn-primary>.icon{width:16px;height:16px}
 .hero-actions .btn-refined{padding:9px 10px;font-size:10px;min-height:50px;gap:8px;white-space:normal}
 .hero-actions .btn-refined>.icon:last-child{display:none}
 .hero-actions .btn-refined .btn-icon{width:28px;height:28px;border-radius:6px}
 .hero-actions .btn-refined .btn-icon>.icon{width:16px;height:16px}
 .section-heading>.btn-refined{min-height:51px;font-size:11px;padding:7px 12px;margin-top:22px}
 .section-heading>.btn-refined .btn-icon{width:30px;height:30px}
 .btn-directions{min-height:54px;font-size:12px;padding:10px 14px}
 .home-contact>.btn-directions{font-size:12px;min-height:54px}
 .site-footer .btn-directions{font-size:10px;gap:8px;padding:10px 12px;margin-top:5px}
 .site-footer .btn-directions .btn-icon{display:none}
 .site-footer .btn-directions>.icon:last-child{margin-left:0;padding:0;width:13px;height:13px}
 .whatsapp-float{bottom:calc(80px + env(safe-area-inset-bottom));right:16px;min-height:48px;padding:10px 15px;gap:8px;font-size:12px}
 .whatsapp-float>.icon:first-child{width:23px;height:23px}
 .whatsapp-float>.icon:last-child{width:13px;height:13px}
 .back-top{bottom:calc(142px + env(safe-area-inset-bottom));right:17px}
 .toast{bottom:calc(142px + env(safe-area-inset-bottom))}
 .btn-whatsapp-contact{min-height:49px;padding:12px 14px;font-size:11px}
 .appointment-dialog{padding:22px 26px}
 .appointment-dialog .dialog-top{margin-bottom:14px}
 .appointment-dialog .dialog-symbol{margin-bottom:16px}
 .appointment-dialog h2{margin-bottom:16px;font-size:28px}
 .appointment-dialog>p{margin-bottom:15px}
 .appointment-dialog .appointment-phone{margin-bottom:18px}
 .appointment-dialog .appointment-location{margin-top:13px;padding-top:16px}
 .appointment-dialog .small-note{margin-top:12px}
}
@media(max-width:360px){
 .brand{--logo-width:124px}.header-inner{min-height:80px}
 .hero-actions{grid-template-columns:1fr}
 .hero-actions .btn-refined{font-size:11px}
 .hero-actions .btn-refined>.icon:last-child{display:block}
 .hero-actions .btn-refined .btn-icon{width:29px;height:29px}
}
@media(prefers-reduced-motion:reduce){.whatsapp-float,.btn-refined,.btn-directions{transition:none}}
@media print{.whatsapp-float{display:none!important}}