/* Faixa de leitura reservada para o atalho fixo do WhatsApp. */
:root {
  --corp-wa-size: 44px;
  --corp-wa-right: max(8px, env(safe-area-inset-right, 0px));
  --corp-wa-bottom: max(8px, env(safe-area-inset-bottom, 0px));
  --corp-wa-safe-block: calc(var(--corp-wa-size) + var(--corp-wa-bottom) + 12px);
}

html,
body {
  scroll-padding-block-end: var(--corp-wa-safe-block);
}

body {
  box-sizing: border-box;
}

/* A reserva fica dentro do rodapé escuro; no body, aparecia como faixa clara abaixo dele. */
footer.site-footer::after {
  content: "";
  display: block;
  height: var(--corp-wa-safe-block);
}

body:not(:has(footer.site-footer)) {
  padding-block-end: var(--corp-wa-safe-block);
}

aside[aria-label="Atalho para o WhatsApp"] > a {
  box-sizing: border-box;
  width: var(--corp-wa-size);
  height: var(--corp-wa-size);
  right: var(--corp-wa-right);
  bottom: var(--corp-wa-bottom);
}

aside[aria-label="Atalho para o WhatsApp"] > a > svg {
  width: 24px;
  height: 24px;
}

@media (min-width: 601px) {
  :root {
    --corp-wa-size: 48px;
    --corp-wa-right: max(16px, env(safe-area-inset-right, 0px));
    --corp-wa-bottom: max(16px, env(safe-area-inset-bottom, 0px));
  }

  aside[aria-label="Atalho para o WhatsApp"] > a > svg {
    width: 26px;
    height: 26px;
  }
}

@media (min-width: 1200px) {
  :root {
    --corp-wa-size: 56px;
    --corp-wa-right: max(24px, env(safe-area-inset-right, 0px));
    --corp-wa-bottom: max(24px, env(safe-area-inset-bottom, 0px));
  }

  aside[aria-label="Atalho para o WhatsApp"] > a > svg {
    width: 28px;
    height: 28px;
  }
}

.cw-link-externo,
.corp-case-container p > a,
.footer-content .footer-grid nav[aria-label="Conteúdo da CW"] a,
main.error-page > p > a,
main .equipe-abordagem p > a {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  min-width: 44px;
  min-height: 44px;
  max-width: 100%;
  overflow-wrap: anywhere;
  vertical-align: middle;
}

.r6-contact .r6-eyebrow {
  font-size: 12px !important;
}