.site-footer { position: relative; background: var(--blue-deep); color: var(--snow); padding-block: max(150px, calc(clamp(90px,14vw,210px) + 24px)) 40px; overflow: hidden; }
.site-footer .peak { position: absolute; z-index: 0; inset-block-start: -1px; inset-inline-end: 0; transform: scaleY(-1); color: var(--snow); inline-size: min(70vw,900px); block-size: clamp(90px,14vw,210px); pointer-events: none; }
html[dir="ltr"] .site-footer .peak { transform: scaleY(-1) scaleX(-1); }
.site-footer .mark { position: absolute; inset-inline-start: -40px; inset-block-end: -70px; inline-size: 420px; opacity: .07; pointer-events: none; }
.foot { position: relative; display: grid; grid-template-columns: minmax(0,1.4fr) repeat(3,minmax(0,1fr)); gap: 40px; }
.foot img.logo { block-size: 70px; inline-size: auto; margin-block-end: 22px; }
.foot p { opacity: .85; font-size: 15px; }
.foot h2 { font: 600 15px var(--font-body); margin-block-end: 14px; opacity: .7; }
.foot ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; font-size: 15px; }
.foot a { text-decoration: none; display: inline-flex; align-items: center; min-block-size: 44px; max-inline-size: 100%; overflow-wrap: anywhere; }
.foot a:hover { text-decoration: underline; }
.foot__hours { white-space: pre-line; }
.foot .foot__social { margin-block-start: 16px; display: flex; flex-wrap: wrap; gap: 4px 16px; }
.legal { position: relative; margin-block-start: 60px; padding-block-start: 22px; border-block-start: 1px solid oklch(100% 0 0 / .15); font-size: 13px; opacity: .7; display: flex; justify-content: space-between; gap: 20px; flex-wrap: wrap; padding-inline-end: 48px; }
.whatsapp-button { position: fixed; inset-block-end: 16px; inset-inline-end: 16px; z-index: 90; inline-size: 56px; block-size: 56px; border-radius: 50%; background: var(--blue); color: var(--snow); display: grid; place-items: center; box-shadow: 0 4px 20px oklch(24% 0.07 260 / .25); }
.whatsapp-button .rz-icon { inline-size: 28px; block-size: 28px; }
.whatsapp-button:hover { background: var(--blue-deep); }
.whatsapp-button:focus-visible { outline: 3px solid var(--snow); outline-offset: 3px; box-shadow: 0 0 0 7px var(--blue); }
@media (max-width: 1080px) { .foot { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width: 560px) { .foot { grid-template-columns: minmax(0,1fr); } }