@media (max-width: 580px) {
  .kzr-social {
    margin: 0 0 1.625rem 0;
  }

  .kzr-social a {
    flex-direction: column;
    border: none;
    padding: 0;
    gap: 1rem;
  }

  .kzr-social a:hover {
    background-color: transparent;
  }

  .kzr-social a .kzr-icon {
    width: calc(1.25rem * var(--fator-aumento));
    height: calc(1.25rem * var(--fator-aumento));
    filter:
      drop-shadow(0 0 0.75rem rgba(0, 191, 255, 0.28))
      drop-shadow(0 0 1.1rem rgba(0, 191, 255, 0.18));
  }

}

@media (max-width: 450px) {
  :root {
    --mobile-scale: var(--fator-reducao-450);
  }

  .kzr-header img {
    width: calc(12.5rem * var(--mobile-scale));
    height: calc(12.5rem * var(--mobile-scale));
  }

  .kzr-header h1 {
    font-size: calc(var(--tamanho-fonte-titulo) * var(--mobile-scale));
  }

  .kzr-header p,
  .kzr-main p,
  .kzr-footer p {
    font-size: calc(var(--tamanho-fonte-corpo) * var(--mobile-scale));
  }

  .kzr-menu ul li a,
  .kzr-social a p {
    font-size: calc(var(--tamanho-fonte-pequena) * var(--mobile-scale));
  }

  .kzr-main h2 {
    font-size: calc(var(--tamanho-fonte-subtitulo) * var(--mobile-scale));
  }
}

@media (max-width: 400px) {
  :root {
    --mobile-scale: var(--fator-reducao-400);
  }
}

@media (max-width: 350px) {
  :root {
    --mobile-scale: var(--fator-reducao-350);
  }
}