@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@200..1000&family=Oswald:wght@200..700&display=swap');

:root{--color-brand:#92288e}

html,body{
  font-family:"Nunito",sans-serif;
  font-optical-sizing:auto;
  font-style:normal;
}

.preload{
  background-color:rgba(255,255,255,.5);
  width:100%;height:100vh;
  display:grid;
  align-content:center;
  position:fixed;
  z-index:1;
  text-align:center;
  transition:.5s
}
.preload-content{max-width:90%;margin:auto}
.preload-color{color:var(--color-brand)}

section{
  opacity:0;
  transform:translateY(50px);
  transition:opacity .6s ease-out,transform .6s ease-out;
  will-change:opacity,transform
}
section.visible{opacity:1;transform:translateY(0)}

h1,h2,h3,h4,.txt-oswald{
  font-family:"Oswald",sans-serif;
  font-optical-sizing:auto;
}
h1,.txt-oswald{font-weight:900}
h1{font-size:3.1rem}

.lang{font-size:.8rem}
.lang img{width:40px}
.depoimentos-content em{color:#999;font-style:italic}

.btn-brand{
  background-color:var(--color-brand);
  color:#fff;
}
.btn-brand:hover{background-color:#aa2aa6;color:#fff}
.btn-brand:active{background-color:#db33d6!important;color:#fff!important}

.navbar-toggler:focus{outline:none;box-shadow:none}
.navbar-toggler{border:0}
.navbar{
  background-color:var(--color-brand);
  height:15vh;
}
.navbar-nav{
  margin-bottom:1rem;
  padding-bottom:1rem;
  border-bottom:1px solid #ccc;
}
.navbar-toggler-icon{
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='white' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}
.offcanvas-body img{cursor:pointer;width:40px;margin-right:.5rem}

@media(max-width:992px){
  .navbar{height:23vh}
  h1{font-size:2.3rem;line-height:45px}
  .hello{padding-top:9rem!important}
}

.header-space{width:100%;height:15vh}
.header-space-category{width:100%;height:20vh}

.posts-home img{
  border:1px dashed transparent;
  height:250px;
  width:100%;
  object-fit:cover;
}
.posts-home img:active{border:1px dashed var(--color-brand)}
@media(max-width:992px){.posts-home img{height:auto}}

.posts-home a{
  color:var(--color-brand);
  text-decoration:none;
}
.posts-home a:hover{text-decoration:underline}

.post-full{padding:0 1rem;max-width:800px;margin:auto}

@keyframes marquee-scroll{
  0%{transform:translateX(0)}
  100%{transform:translateX(-50%)}
}

.marquee{overflow:hidden;position:relative}
.marquee-track{
  display:flex;
  width:max-content;
  animation:marquee-scroll 40s linear infinite;
}
.marquee-track:hover{animation-play-state:paused}
.marquee-track img{height:60px;margin-right:2rem}

.carousel-border{outline:1rem solid #fff;outline-offset:-1rem}

.carousel-btn{
  background-color:#e9e9e9;
  border:0;
  border-radius:100px;
  height:40px;
  width:40px;
  margin-right:.4rem;
  color:#000;
}
.carousel-btn:hover{background-color:#333;color:#fff}

.credits,.contact label{font-size:.8rem}
.cta-mobile-position{position:relative}
.cta-mobile{position:fixed!important;bottom:0;width:100%}
footer{background-color:#f2f2f2}