/* Folha das páginas legais. A página principal traz o seu estilo embutido,
   porque é uma só e assim carrega de uma vez; estas duas partilham ficheiro,
   que fica em cache entre elas. */
@font-face{font-family:'Varela Round';font-style:normal;font-weight:400;font-display:swap;src:url(varela-round.woff2) format('woff2');}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:100 900;font-display:swap;src:url(montserrat.woff2) format('woff2');}

:root{
  --rosa:#d02060; --rosa-escuro:#a01849;
  --tinta:#111827; --suave:#52525b; --tenue:#64646d;
  --fundo:#f7f7f8; --papel:#ffffff; --linha:#e4e4e7; --linha-forte:#d4d4d8;
}
*,*::before,*::after{box-sizing:border-box;}
html,body{margin:0;padding:0;}
body{
  background:var(--fundo);color:var(--tinta);
  font-family:'Montserrat',system-ui,-apple-system,sans-serif;
  line-height:1.75;-webkit-font-smoothing:antialiased;overflow-wrap:break-word;
}
a{color:inherit;}
:focus-visible{outline:2px solid var(--rosa);outline-offset:3px;border-radius:6px;}
.faixa{width:100%;max-width:44rem;margin:0 auto;padding:0 clamp(1.1rem,4vw,2rem);}

.saltar{
  position:absolute;left:.75rem;top:-5rem;z-index:60;
  padding:.7rem 1.15rem;border-radius:0 0 10px 10px;
  background:var(--rosa);color:#fff;font-size:.8rem;font-weight:600;
  text-decoration:none;transition:top .15s ease;
}
.saltar:focus{top:0;}

.topo{background:var(--papel);border-bottom:1px solid var(--linha);}
.topo .faixa{
  max-width:68rem;display:flex;align-items:center;justify-content:space-between;
  gap:1rem;padding-top:.7rem;padding-bottom:.7rem;
}
.topo-marca{display:block;line-height:0;}
.topo-marca img{width:2.7rem;height:auto;}
.voltar{
  display:inline-flex;align-items:center;min-height:44px;padding:.5rem 1rem;
  border:1px solid var(--linha-forte);border-radius:999px;background:var(--fundo);
  font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.14em;
  color:var(--tinta);text-decoration:none;
}
.voltar:hover{border-color:var(--rosa);color:var(--rosa);}

main{padding:clamp(2.5rem,7vw,4.5rem) 0 clamp(3rem,8vw,5rem);}
.etiqueta{
  font-size:.68rem;text-transform:uppercase;letter-spacing:.32em;
  color:var(--rosa);font-weight:700;margin:0 0 .8rem;
}
h1{
  font-family:'Varela Round','Montserrat',sans-serif;font-weight:400;
  font-size:clamp(1.75rem,5vw,2.4rem);line-height:1.2;margin:0;
}
h2{
  font-family:'Varela Round','Montserrat',sans-serif;font-weight:400;
  font-size:clamp(1.1rem,3vw,1.3rem);line-height:1.3;
  margin:2.75rem 0 .75rem;
}
p,li{color:var(--suave);font-size:clamp(.95rem,2.2vw,1rem);margin:0 0 1rem;}
main ul{padding-left:1.15rem;}
main li{margin-bottom:.5rem;}
strong{color:var(--tinta);font-weight:700;}
.marca-nome{font-weight:700;color:var(--tinta);}
.actualizado{
  font-size:.78rem;color:var(--tenue);margin:1rem 0 0;
  padding-bottom:1.75rem;border-bottom:1px solid var(--linha);
}

.rodape{
  border-top:1px solid var(--linha);background:var(--papel);
  padding:0;font-size:.85rem;color:var(--suave);
}
.rodape-baixo{
  max-width:68rem;display:flex;flex-wrap:wrap;align-items:center;
  justify-content:space-between;gap:1.25rem 2rem;padding-top:1.75rem;padding-bottom:1.75rem;
}
.rodape p{margin:0;}
.rodape p.rodape-empresa{font-size:.72rem;color:var(--tenue);margin:.3rem 0 0;max-width:38rem;}
.rodape a{color:var(--suave);text-decoration:none;
          display:inline-flex;align-items:center;min-height:36px;}
.rodape a:hover{color:var(--rosa);}
.rodape-legal{
  display:flex;flex-wrap:wrap;gap:0 1.35rem;margin:.15rem 0 0;padding:0;list-style:none;
}
.rodape-legal a{font-size:.78rem;min-height:32px;}
.selo-lr{flex:none;display:inline-flex;align-items:center;min-height:44px;}
.selo-lr img{height:2.5rem;width:auto;}
.selo-lr:hover{opacity:.8;}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{transition-duration:.01ms !important;}
}