@keyframes maxOff {
to {
left: 100%;
}
}
@keyframes overlayOpc {
to {
opacity: 0.5;
}
}
@keyframes colorWhite {
to {
color: white;
}
}
@keyframes opacity0 {
to {
opacity: 0;
}
}
.home_video {
min-height: 30vh;
}
.hero_home {
clip-path: polygon(80% 0, 100% 12%, 110% 110%, 0 100%, 0 0);
}
@media (min-width: 768px) {
.hero_home {
min-height: 70vh;
clip-path: polygon(84% 0, 100% 24%, 110% 110%, 0 100%, 0 0);
}
.hero_home-effect {
position: absolute;
inset: 0%;
width: 100%;
z-index: -2;
}
.hero_home-overlay {
position: absolute;
width: 100%;
top: 0;
bottom: 0;
left: 42%;
background-color: white;
animation: 2s maxOff 2s ease-in-out forwards;
}
.hero_home-overlay-opc {
position: absolute;
inset: 0%;
background-color: rgba(0, 0, 0);
opacity: 0;
animation: 3.5s overlayOpc 1.3s ease-in-out forwards;
}
.home-white {
animation: 1.6s colorWhite 1.8s ease-out forwards;
}
.hero-section_bg {
top: 0;
right: 0;
z-index: 1;
animation: 2.5s opacity0 1s ease-in-out forwards;
}
}.marquee-wrapper {
text-align: center;
}
.multiple-text,
.typed-cursor {
color: #922e90;
}
.marquee-wrapper .container-marquee {
overflow: hidden;
margin: 0 auto !important;
text-align: center;
height: 36px;
}
.marquee-wrapper .marquee-block {
height: 760px;
overflow: hidden;
box-sizing: border-box;
position: relative;
}
.marquee-inner {
display: block;
width: 100%;
position: absolute;
text-align: center;
}
.word-container {
overflow: hidden;
height: 50px; }
.word-list {
display: flex;
flex-direction: column;
animation: scrollWords 8s linear infinite;
}
.word {
font-size: 2em;
text-align: center;
height: 50px; line-height: 50px; }
@keyframes scrollWords {
0% {
transform: translateY(0);
}
25% {
transform: translateY(-50px);
}
50% {
transform: translateY(-100px);
}
75% {
transform: translateY(-150px);
}
100% {
transform: translateY(0);
}
}
.marquee-inner.to-left {
animation: marqueeTop 18s steps(4, end) linear infinite;
}
@media (min-width: 768px) {
.marquee-inner {
text-align: right;
}
.marquee-inner.to-left {
animation: marqueeTop 14s linear infinite;
}
.marquee-wrapper .marquee-block {
height: 1080px;
}
.marquee-wrapper .container-marquee {
height: 50px;
}
}
.marquee-item p {
color: var(--roxo);
font-weight: 500;
}
.marquee-item {
display: block;
transition: all 0.2s ease-out;
}
.marquee-gap {
gap: 3rem;
}
.marquee_img {
max-width: 210px;
}
.marquee-text {
font-size: 2rem;
}
.marquee-label {
color: var(--roxo);
font-weight: 500;
}
@media (min-width: 768px) {
.marquee-gap {
gap: 5rem;
}
.marquee_img {
max-width: 100%;
}
.marquee-text {
font-size: 2.5rem;
}
}  .section-barracao {
display: flex;
justify-content: right;
text-align: right;
color: #922e90;
background-color: white;
font-weight: 500; ul {
margin: 0;
padding: 0;
animation: rolling 2s linear infinite; }
li {
width: 100%; height: 54px; font-size: 40px;
text-align: right;
}
}
.animacao-produtos {
height: 44px;
overflow: hidden;
text-align: center;
}
@keyframes rolling {
0% {
transform: translateY(0px);
}
50% {
transform: translateY(-68px); }
100% {
transform: translateY(0px); }
}
@keyframes rollingAlways {
0% {
transform: translateY(-100%);
}
100% {
transform: translateY(0px); }
}