/* Start - css/desktop-luminaria.css */
.desktop-luminaria {
width: 100%;
position: relative;
float: left;
height:52vw;
background: transparent;
z-index: 99;
overflow: visible;
isolation: isolate;
}
.desktop-luminaria-nuvens {
position: absolute;
top: -14vw;
left: 0;
width: 100%;
height: 27vw;
background-image: url("img/nuvens.webp");
background-repeat: no-repeat;
background-position: center top;
background-size: 100% auto;
z-index: 30;
pointer-events: none;
}
.desktop-luminaria-nuvem01 {
position: absolute;
top: 9vw;
right: 0vw;
background-image: url("img/nuvem01.webp");
background-repeat: no-repeat;
background-position: 0vw top;
background-size: auto 100%;
width: 24vw;
height: 15vw;
z-index: 30;
pointer-events: none;
}
.desktop-luminaria-nuvem02 {
position: absolute;
top: 30.5vw;
left: 0vw;
background-image: url("img/nuvem02.webp");
background-repeat: no-repeat;
background-position: 0vw top;
background-size: auto 100%;
width: 21vw;
height: 16vw;
z-index: 30;
pointer-events: none;
}
.desktop-luminaria-imagem {
top: 3.3vw;
right: 19.6vw;
position: absolute;
width: 19.9vw;
z-index: 10;
transition: top 0.5s cubic-bezier(0.77,0,0.175,1);
overflow:hidden;
}
.desktop-luminaria-imagem img {
width: 100%;
display: block;
margin-top:-50vw;
transition:all 1s ease-in-out;
}
.desktop-luminaria-imagem.fixa img{
margin-top:0vw;
transition:all 1s ease-in-out;
}
.desktop-luminaria-conteudo {
position: absolute;
top: 17.5vw;
left: 26.8vw;
text-align: center;
width: 18.3vw;
float: left;
z-index: 15;
background-color: var(--teste00);
}
.desktop-luminaria-titulo {
width: 100%;
font-family: var(--euphorigenic), sans-serif;
font-size: 3vw;
font-style: normal;
color: var(--fontColor);
text-shadow: 0 0.3vw 1.5vw var(--preto_lente01);
line-height: var(--lineHeightTitulo);
text-align: center;
margin-left: 0;
margin-right: 0;
margin-top: 0;
margin-bottom: 1.6vw;
}
.desktop-luminaria-titulo span {
display: inline-block;
transform: translateY(0vw);
line-height: 3.3vw;
font-size: 3.3vw;
}
.desktop-luminaria-texto {
width: 100%;
margin-left: auto;
margin-right: auto;
margin-top: 0;
margin-bottom: 1.6vw;
}
.desktop-luminaria-texto p {
font-family: var(--linbiolinum), sans-serif;
font-size: var(--fontSizeTexto);
font-style: italic;
font-weight: 400;
color: var(--fontColor);
line-height: var(--lineHeightTexto);
margin-top: 0;
margin-bottom: 1.7vw;
margin-left: 0;
margin-right: 0;
text-shadow: 0 0.2vw 1vw var(--preto_lente01);
}
.desktop-luminaria-botao {
position: relative;
float: left;
left: 50%;
transform: translateX(-50%);
width: 13vw;
cursor: pointer;
transition: transform 0.2s ease;
background-color: var(--karazan-amber);
border-radius: 0.5vw;
height: 3.1vw;
}
.desktop-luminaria-botao:hover {
transform: translateX(-50%) scale(1.05);
}
.desktop-luminaria-botao img {
width: 100%;
display: block;
}
.desktop-luminaria-botao-texto {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-family: var(--euphorigenic), sans-serif;
font-size:1.6vw;
color: white;
background-color: var(--teste00);
white-space: nowrap;
cursor: pointer;
font-weight: 100;
}
.desktop-luminaria-fireflies {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 40;
}
.desktop-luminaria-firefly {
position: absolute;
background-color: rgba(255,230,150,0.8);
border-radius: 50%;
box-shadow: 0 0 1vw rgba(255,230,150,0.8), 0 0 2vw rgba(255,230,150,0.5);
animation: desktop-luminaria-blink 2s ease-in-out infinite;
}
@keyframes desktop-luminaria-blink {
0%{opacity:0;transform:scale(0.5);}
20%{opacity:1;transform:scale(1);}
80%{opacity:1;transform:scale(1);}
100%{opacity:0;transform:scale(0.5);}
}
.fireflies-container {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 20;
}
.firefly {
position: absolute;
background-color: rgba(255,230,150,0.8);
border-radius: 50%;
box-shadow: 0 0 1vw rgba(255,230,150,0.8), 0 0 2vw rgba(255,230,150,0.5);
animation: desktop-luminaria-blink 2s ease-in-out infinite;
}
/* End - css/desktop-luminaria.css */