@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

/* @link https://utopia.fyi/type/calculator?c=320,12,1.2,1140,12,1.25,5,2,&s=0.75|0.5|0.25,1.5|2|3|4|6,s-l&g=s,l,xl,12 */
:root {
  --step--2: clamp(0.48rem, 0.5368rem + -0.0797vw, 0.5208rem);
  --step--1: clamp(0.6rem, 0.6348rem + -0.0488vw, 0.625rem);
  --step-0: clamp(0.75rem, 0.75rem + 0vw, 0.75rem);
  --step-1: clamp(0.9rem, 0.8854rem + 0.0732vw, 0.9375rem);
  --step-2: clamp(1.08rem, 1.0441rem + 0.1793vw, 1.1719rem);
  --step-3: clamp(1.296rem, 1.2301rem + 0.3295vw, 1.4648rem);
  --step-4: clamp(1.5552rem, 1.4475rem + 0.5383vw, 1.8311rem);
  --step-5: clamp(1.8662rem, 1.7013rem + 0.8245vw, 2.2888rem);
}
.foto-desktop {
  width:100%;
  height: 430px;
  object-fit: cover;
  object-position: center;
}
.texto{
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-style: normal;
}
.menu{
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.3rem;
  font-weight: bold;
}
.caixa{
    width:22%;
}
.titulo{
    font-family: "Roboto", sans-serif;
      font-weight: 400;
      font-style: normal;
      font-size: var(--step-4);
      font-weight: bold;
}