/* WhatsApp: botón flotante, CTA secundario y enlaces de texto. Claro y oscuro. */
:root{--wa-hero-ink:#4ADE9A;--wa-bg:#0B7A5C;--wa-on:#FFFFFF;--wa-ink:#0B6B50;--wa-ring:#FFFFFF}
:root[data-theme=dark]{--wa-ink:var(--wa-hero-ink);--wa-ring:#1F1A16}
.wa-icon{width:1.25em;height:1.25em;flex:none}
.button.wa{color:var(--text);border-color:var(--wa-ink)}
.button.wa .wa-icon{color:var(--wa-ink);width:22px;height:22px}
.button.wa:hover{background:color-mix(in srgb,var(--wa-ink) 12%,transparent);border-color:var(--wa-ink)}
.button.wa.small{font-size:14px;padding:9px 16px;min-height:44px}
.cta-pair{display:flex;flex-wrap:wrap;gap:12px 14px;align-items:center}
.meeting-alt{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin-top:18px;color:var(--muted)}
.closing-actions{flex-wrap:wrap;gap:12px 14px}
.wa-text{display:inline-flex;align-items:center;gap:8px;color:var(--text);text-underline-offset:4px;min-height:44px}
.wa-text .wa-icon{color:var(--wa-ink)}
.footer .wa-text{min-height:0}
.wa-float{position:fixed;right:max(14px,env(safe-area-inset-right));bottom:max(14px,env(safe-area-inset-bottom));z-index:60;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-width:56px;height:56px;padding:0 16px;border-radius:999px;background:var(--wa-bg);color:var(--wa-on);text-decoration:none;font:700 15px/1 var(--body,Karla,sans-serif);border:2px solid var(--wa-ring);box-shadow:0 8px 22px -6px rgba(0,0,0,.45)}
.wa-float .wa-icon{width:28px;height:28px}
.wa-float:focus-visible{outline:3px solid var(--focus);outline-offset:3px}
@media(max-width:640px){.wa-float{padding:0;width:52px;min-width:52px;height:52px;right:max(12px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom))}.wa-float-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}}
@media(min-width:1101px){.hero .button.wa{--wa-ink:var(--wa-hero-ink)}.hero .button.wa:hover{background:rgba(255,255,255,.1)}}
/* El flotante está siempre visible: el pie deja espacio inferior para que no tape los enlaces legales al final del scroll. */
.footer{padding-bottom:max(var(--section-gap),96px)}