body{padding-bottom:110px}
header .header-call{display:flex;flex-direction:column;align-items:flex-start;gap:0;padding:10px 16px;border:0;background:var(--ink);color:var(--paper);line-height:1.25;white-space:nowrap}
.header-call .header-call-label{font-size:10px;letter-spacing:1px;text-transform:uppercase;margin:0 0 4px}
.header-call strong{font-size:22px;font-weight:750;letter-spacing:.25px}
.hero-contact{margin-top:28px}
.hero-contact>span{display:block;font-size:11px;color:var(--muted);letter-spacing:.5px}
.hero-phone{display:inline-flex;align-items:center;gap:12px;font-size:clamp(29px,3.3vw,45px);font-weight:800;line-height:1.35;letter-spacing:-1px;white-space:nowrap}
.hero-phone svg{width:25px;height:25px;flex:none}
.hero-whatsapp{display:block;width:fit-content;margin-top:6px;font-size:13px;text-decoration:underline;text-underline-offset:4px}
.hero-copy .hero-bottom{margin-top:24px}
.contact .phone{font-size:clamp(27px,3.5vw,44px);font-weight:800;letter-spacing:-.8px;white-space:nowrap;line-height:1.4}
.contact-whatsapp{display:inline-block;margin-top:12px;border-bottom:1px solid currentColor;font-weight:650}
.contact-dock{position:fixed;bottom:16px;left:50%;transform:translateX(-50%);z-index:50;display:grid;grid-template-columns:1.15fr 1fr;width:min(510px,calc(100% - 32px));padding:7px;background:var(--paper);border:1px solid #c5cabf;box-shadow:0 6px 30px #15241e35;border-radius:8px;gap:7px}
.contact-dock a{min-width:0;display:flex;align-items:center;justify-content:center;gap:12px;min-height:60px;padding:9px 12px;border-radius:4px;line-height:1.2;font-size:16px;font-weight:700}
.dock-whatsapp,.whatsapp-button{background:#1e6541;color:#fff}
.dock-call{background:#e5e6db;color:var(--ink)}
.whatsapp-button:hover{background:#174f33}
.whatsapp-fallback{display:block;margin-top:9px;text-decoration:underline;text-underline-offset:3px}
.contact-dock svg{height:23px;width:23px;flex-shrink:0}
.contact-dock strong,.contact-dock small{display:block;margin-top:4px;font-size:12px;font-weight:400;letter-spacing:.3px}
.contact-dock .dock-call strong{font-weight:700;font-size:14px}
.contact-dock a:hover{filter:brightness(1.1)}
body.viewer-open .contact-dock{visibility:hidden}
@media(max-width:600px){
 body{padding-bottom:calc(84px + env(safe-area-inset-bottom,0px))}
 header{gap:12px;padding-left:5%;padding-right:5%}
 header .header-call{padding:9px 10px}
 .header-call strong{font-size:18px}
 .header-call .header-call-label{font-size:9px}
 .hero-phone{font-size:clamp(29px,7.8vw,39px);letter-spacing:-.8px;gap:8px}
 .hero-phone svg{width:22px;height:22px}
 .contact-dock{bottom:0;width:100%;padding:8px 12px calc(8px + env(safe-area-inset-bottom,0px));border-radius:0;border-right:0;border-left:0;border-bottom:0;gap:8px}
 .contact-dock a{min-height:60px;gap:10px;font-size:16px;padding:8px}
}
@media(max-width:360px){
 header .brand{font-size:22px;gap:8px;letter-spacing:3px}
 header .brand img{width:29px;height:29px}
 .header-call strong{font-size:16px}
 .hero-phone{font-size:28px}
 .contact-dock a{gap:8px;font-size:15px}
 .dock-call svg{display:none}
}