@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght,SOFT,WONK@0,9..144,400..900,100,1&family=Karla:wght@400;500;700&display=swap');

*, *::before, *::after { box-sizing: border-box; }
body { margin: 0; font-family: var(--fonte-corpo); font-size: 1.0625rem;
       line-height: 1.65; background: var(--papel); color: var(--tinta);
       -webkit-font-smoothing: antialiased; }
img, video { max-width: 100%; display: block; }
.container { width: min(100% - 2.5rem, var(--largura-max)); margin-inline: auto; }
.titulo { font-family: var(--fonte-display); font-weight: 700; line-height: 1.02;
          letter-spacing: -.015em; font-size: clamp(2.4rem, 1.2rem + 4.6vw, 4.8rem);
          font-variation-settings: 'SOFT' 100, 'WONK' 1; margin: 0 0 var(--esp-3);
          text-wrap: balance; }
.subtitulo { font-family: var(--fonte-display); font-weight: 600; line-height: 1.12;
             font-variation-settings: 'SOFT' 100, 'WONK' 1;
             font-size: clamp(1.7rem, 1.1rem + 2.2vw, 2.8rem); margin: 0 0 var(--esp-3); }
p { max-width: 62ch; }
.botao { display: inline-flex; align-items: center; justify-content: center;
         padding: 1.05rem 2.1rem; border: 0; border-radius: var(--raio-g);
         font: 700 1.0625rem/1 var(--fonte-corpo); cursor: pointer;
         text-decoration: none; transition: background-color .15s ease; }
.botao--primario { background: var(--coral); color: var(--papel);
                   box-shadow: var(--sombra-coral); }
.botao--primario:hover { background: var(--coral-escuro); }
.selo { display: inline-block; padding: .3rem .8rem; border-radius: 999px;
        background: var(--ambar); color: var(--tinta);
        font: 700 .8rem/1.4 var(--fonte-corpo); }
:focus-visible { outline: 3px solid var(--coral); outline-offset: 3px; }
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; }
}