/* Start - css/sinta-o-encanto.css */
.sinta-o-encanto {
position: relative;
width: 100%;
background-color: var(--karazan-cream);
padding-top: 8vw;
padding-bottom: 8vw;
box-sizing: border-box;
-webkit-box-sizing: border-box;
z-index: 1;
margin-top: -22vw;
float: left;
height: 197vw;
}
.sinta-o-encanto-box {
position: relative;
overflow: hidden;
width: 100%;
height: 100%;
}
.sinta-o-encanto-arabesco {
position: absolute;
z-index: 2;
pointer-events: none;
}
.sinta-o-encanto-arabesco img {
display: block;
width: 100%;
height: 100%;
object-fit: contain;
}
.sinta-o-encanto-arabesco-topo-esq {
top: 1vw;
left: 1vw;
width: 15vw;
height: 15vw;
transform: rotate(0deg);
}
.sinta-o-encanto-arabesco-topo-dir {
top: 1vw;
right: 1vw;
width: 15vw;
height: 15vw;
transform: scaleX(-1) rotate(0deg);
}
.sinta-o-encanto-arabesco-rodape-esq {
bottom: 15vw;
left: 1vw;
width: 12vw;
height: 12vw;
transform: rotate(180deg);
}
.sinta-o-encanto-arabesco-rodape-dir {
bottom: 15vw;
right: 1vw;
width: 12vw;
height: 12vw;
transform: scaleX(-1) rotate(180deg);
}
.sinta-o-encanto-header {
position: relative;
width: 100%;
margin-bottom: 5vw;
z-index: 3;
}
.sinta-o-encanto-imagem-esq {
width: 45vw;
height: auto;
position: absolute;
top: 10vw;
left: -24vw;
}
.sinta-o-encanto-imagem-esq img {
width: 100%;
height: auto;
display: block;
object-fit: contain;
transform: scaleX(-1);
}
.sinta-o-encanto-conteudo {
position: absolute;
width: 100%;
top: 18vw;
left: 50%;
transform: translate(-50%, 0%);
}
.sinta-o-encanto-titulo {
font-family: var(--euphorigenic);
font-size: 13vw;
color: var(--karazan-bordo);
text-align: left;
line-height: 11vw;
font-weight: normal;
word-spacing: -1vw;
margin-bottom: 2vw;
padding-left: 23vw;
}
.sinta-o-encanto-titulo span {
padding: 0;
font-weight: normal;
letter-spacing: 0.05em;
float: right;
width: auto;
margin-top: 5vw;
display: block;
font-family: var(--euphorigenic);
font-size: 13vw;
color: var(--karazan-bordo);
text-align: left;
line-height: 4vw;
font-weight: normal;
word-spacing: -1vw;
margin-right: 5vw;
}
.sinta-o-encanto-lista {
list-style-position: inside;
padding-left: 18vw;
margin-top: 15vw;
}
.sinta-o-encanto-lista li {
margin-bottom: 0.8vw;
font-size: 3.5vw;
color: var(--karazan-bordo);
line-height: 3.8vw;
font-family: var(--linbiolinum);
}
.sinta-o-encanto-arabesco-rodape {
position: absolute;
width: 48vw;
z-index: 4;
right: -16vw;
top: 68vw;
}
.sinta-o-encanto-arabesco-rodape img {
width: 100%;
height: auto;
display: block;
object-fit: contain;
}
.sinta-o-encanto-esteiras{
position: absolute;
width: 100%;
bottom: 0vw;
}
.sinta-o-encanto-esteira-container {
position: relative;
width: 100%;
height: 40vw;
margin-bottom: 4vw;
overflow-x: scroll;
overflow-y: hidden;
clear: both;
z-index: 3;
scrollbar-width: none;
}
.sinta-o-encanto-esteira-container::-webkit-scrollbar {
display: none;
}
.sinta-o-encanto-esteira-container:nth-child(2) {
margin-bottom: 0vw;
}
.sinta-o-encanto-esteira {
position: relative;
width: 100%;
height: 100%;
}
.sinta-o-encanto-track {
height: 100%;
white-space: nowrap;
display: inline-block;
animation-timing-function: linear;
animation-iteration-count: infinite;
cursor: grab;
}
.sinta-o-encanto-esteira-direita .sinta-o-encanto-track {
animation-name: esteira-direita;
animation-duration: 60s;
left: 0;
}
.sinta-o-encanto-esteira-esquerda .sinta-o-encanto-track {
animation-name: esteira-esquerda;
animation-duration: 60s;
right: 0;
left: auto;
}
@keyframes esteira-direita {
0% {
transform: translateX(0);
}
100% {
transform: translateX(-200%);
}
}
@keyframes esteira-esquerda {
0% {
transform: translateX(-200%);
}
100% {
transform: translateX(0%);
}
}
.sinta-o-encanto-item {
position: relative;
display: inline-block;
width: auto;
height: 40vw;
margin-right: 4vw;
vertical-align: top;
overflow: hidden;
}
.sinta-o-encanto-item img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.sinta-o-encanto-footer {
position: relative;
width: 100%;
text-align: center;
margin-top: 3vw;
clear: both;
z-index: 3;
}
.sinta-o-encanto-footer-texto {
font-family: var(--euphorigenic);
font-size: 8.5vw;
color: var(--karazan-bordo);
line-height: 10vw;
margin: 0;
padding: 0;
}
.sinta-o-encanto-cano {
position: absolute;
bottom: -24vw;
right: 0vw;
width: 100%;
height: auto;
z-index: 4;
pointer-events: none;
overflow:hidden;
}
.sinta-o-encanto-cano img {
width: 150%;
height: auto;
display: block;
object-fit: contain;
margin-left: -37vw;
}
@keyframes 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);}
}
.sinta-o-encanto-flare {
position: absolute;
width: 4vw;
height: 4vw;
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/sinta-o-encanto.css */