/* start - css/desktop-sinta-o-encanto.css */
.desktop-sinta-o-encanto {
width: 100%;
height: 63vw;
background-color: var(--karazan-cream);
float: left;
margin-top: -5vw;
position: relative;
z-index: 1;
}
.desktop-sinta-o-encanto-imagem-esq {
width: 29vw;
height: 29vw;
background-color: var(--teste00);
float: left;
background-image: url("img/arabesco02.webp");
background-repeat: no-repeat;
background-position: left top;
background-size: contain;
position: absolute;
top: 1vw;
left: -9vw;
transform: scaleX(-1);
}
.desktop-sinta-o-encanto-arabesco-rodape {
width: 23.5vw;
height: 42vw;
background-color: var(--teste00);
float: left;
background-image: url("img/arabesco01.webp");
background-repeat: no-repeat;
background-position: left top;
background-size: contain;
position: absolute;
top: 6.4vw;
right: 0vw;
}
.desktop-sinta-o-encanto-esteiras {
width: 31.1vw;
height: 50vw;
background-color: var(--teste00);
float: right;
margin-right: 9.8vw;
display: flex;
flex-direction: row;
justify-content: space-between;
gap: 1.5vw;
}
.desktop-sinta-o-encanto-esteira-container {
width: 14.5vw;
height: 50vw;
background-color: var(--teste00);
overflow-y: scroll;
overflow-x: hidden;
flex: 1;
scrollbar-width: none;
}
.desktop-sinta-o-encanto-esteira-container::-webkit-scrollbar {
display: none;
}
.desktop-sinta-o-encanto-esteira {
width: 100%;
height: 100%;
position: relative;
}
.desktop-sinta-o-encanto-esteira-direita {
width: 100%;
height: 100%;
}
.desktop-sinta-o-encanto-esteira-esquerda {
width: 100%;
height: 100%;
}
.desktop-sinta-o-encanto-track {
width: 100%;
height: auto;
display: flex;
flex-direction: column;
animation-timing-function: linear;
animation-iteration-count: infinite;
cursor: grab;
}
.desktop-sinta-o-encanto-track:active {
cursor: grabbing;
}
.desktop-sinta-o-encanto-esteira-direita .desktop-sinta-o-encanto-track {
animation-name: track-vertical-down;
animation-duration: 150s;
}
.desktop-sinta-o-encanto-esteira-esquerda .desktop-sinta-o-encanto-track {
animation-name: track-vertical-up;
animation-duration: 150s;
}
@keyframes track-vertical-down {
0% { transform: translateY(0%); }
100% { transform: translateY(-33.333%); }
}
@keyframes track-vertical-up {
0% { transform: translateY(-33.333%); }
100% { transform: translateY(0%); }
}
.desktop-sinta-o-encanto-item {
width: 100%;
height: 12.5vw;
flex-shrink: 0;
position: relative;
overflow: hidden;
margin-bottom: 0.3vw;
}
.desktop-sinta-o-encanto-item img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.desktop-sinta-o-encanto-cano-esquerdo {
width: 11vw;
height: 17.4vw;
background-color: var(--teste00);
position: absolute;
background-image: url("img/cano-esquerdo.webp");
background-repeat: no-repeat;
background-position: right top;
background-size: auto 100%;
bottom: 0.3vw;
left: 0vw;
z-index: 1;
}
.desktop-sinta-o-encanto-cano-direito {
width: 92vw;
height: 3.2vw;
background-color: var(--teste00);
position: absolute;
background-image: url("img/cano-direito.webp");
background-repeat: repeat-x;
background-position: right top;
background-size: contain;
bottom: 11.1vw;
right: 0vw;
}
.desktop-sinta-o-encanto-conteudo {
position: absolute;
top: 14.2vw;
background-color: var(--teste00);
width: 20vw;
left: 24.7vw;
}
.desktop-sinta-o-encanto-titulo {
font-family: var(--euphorigenic);
font-size: 3vw;
color: var(--karazan-bordo);
text-align: left;
line-height: 3vw;
font-weight: normal;
margin-bottom: 0vw;
padding-left: 0vw;
background-color: var(--teste00);
width: 100%;
}
.desktop-sinta-o-encanto-titulo span {
font-family: var(--euphorigenic);
font-size: 2.8vw;
color: var(--karazan-bordo);
text-align: left;
line-height: 3vw;
font-weight: normal;
margin-top: 0.9vw;
background-color: var(--teste00);
float: right;
margin-right: 4.5vw;
}
.desktop-sinta-o-encanto-lista {
list-style-position: inside;
background-color: var(--teste00);
width: 100%;
margin-top: 3.7vw;
padding-left: 1.7vw;
}
.desktop-sinta-o-encanto-lista li {
font-size: var(--fontSizeTexto);
color: var(--karazan-bordo);
line-height: var(--lineHeightTexto);
font-family: var(--linbiolinum);
background-color: var(--teste00);
margin-bottom: 0vw;
}
@keyframes desktop-sinta-o-encanto-flare-blink {
0%{opacity:0;transform:scale(0.7);}
20%{opacity:1;transform:scale(1);}
80%{opacity:1;transform:scale(1);}
100%{opacity:0;transform:scale(0.7);}
}
.desktop-sinta-o-encanto-flare {
position: absolute;
width: 1.8vw;
height: 1.8vw;
border-radius: 50%;
background:
radial-gradient(circle at 50% 45%, rgba(255,255,240,1) 0%, rgba(255,240,200,0.98) 6%, rgba(255,210,140,0.85) 14%, rgba(255,170,80,0.45) 26%, rgba(255,120,30,0) 50%),
radial-gradient(circle at 50% 50%, rgba(255,200,100,0.14) 0%, rgba(255,150,60,0.06) 36%, rgba(255,100,30,0) 72%);
pointer-events: none;
mix-blend-mode: screen;
filter: blur(0.18vw);
z-index: 5;
opacity: 1;
box-shadow: 0 0 0.6vw rgba(255,220,140,0.82), 0 0 1.6vw rgba(255,150,60,0.22);
}
/* End - css/desktop-sinta-o-encanto.css */