:root {
  --quimatic-orange: #ff4e00;
  --quimatic-text: #0a0203;
  --quimatic-muted: #667085;
  --quimatic-bg: #f3f3f3;
  --quimatic-white: #ffffff;
  --quimatic-container-width: 1312px;
  --quimatic-container-gutter: 24px;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html,
body {
  margin: 0;
  padding: 0;
  overflow-x: hidden;
}

@supports (overflow: clip) {
  html,
  body {
    overflow-x: clip;
  }
}

body {
  font-family: "Myriad Pro", "Helvetica Neue", Arial, sans-serif;
  color: var(--quimatic-text);
  background: #F2F2F2;
}

.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal;
}

.qtm-container {
  width: min(var(--quimatic-container-width), calc(100% - (var(--quimatic-container-gutter) * 2)));
  margin-inline: auto;
}

.quimatic-form-status {
  margin: 0;
  color: #314158;
  font-family: "Myriad Pro", "Helvetica Neue", Arial, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
}

.quimatic-form-status[hidden] {
  display: none;
}

.quimatic-form-status--success {
  color: #087443;
}

.quimatic-form-status--error {
  color: #b42318;
}

.site-footer__newsletter-status {
  margin-top: 6px;
  color: #ffffff;
}

.site-footer__newsletter-status.quimatic-form-status--error {
  color: #0a0203;
}

@media (max-width: 560px) {
  :root {
    --quimatic-container-gutter: 16px;
  }
}