/*Start - css/luminaria.css*/
.luminaria{
width:100%;
position:relative;
float:left;
height:205vw;
overflow:hidden;
background: transparent;
}
.luminaria-degrade{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 50vw;
background-image: linear-gradient(to bottom, var(--cinza_escuro), var(--cinza_escuro), var(--branco_lente03), transparent);
z-index: 20;
float: left;
}
.luminaria-fundo{
width:100%;
float:left;
position:relative;
height:100%;
}
.luminaria-fundo img{
height:100%;
display:block;
}
.luminaria-imagem{
top: -105vw;
left: 50%;
position: absolute;
transform: translateX(-50%);
width: 49vw;
z-index: 10;
transition: top 0.5s cubic-bezier(0.77,0,0.175,1);
}
.luminaria-imagem.fixa {
top: 5vw;
}
.luminaria-animar .luminaria-imagem{
opacity: 1;
--luminaria-translate: 0vw;
}
.luminaria-imagem img{
width:100%;
display:block;
}
.luminaria-conteudo{
position: absolute;
top: 95vw;
left: 50%;
transform: translateX(-50%);
text-align: center;
width: 72.3vw;
float: left;
z-index: 15;
}
.luminaria-titulo{
width:100%;
font-family: var(--euphorigenic), sans-serif;
font-size:12vw;
font-style:normal;
color:var(--fontColor);
text-shadow:0 0.3vw 1.5vw var(--preto_lente01);
line-height:8vw;
text-align:center;
margin-left:0;
margin-right:0;
margin-top:0;
margin-bottom:6vw;
}
.luminaria-titulo span{
display:inline-block;
transform:translateY(0vw);
line-height:14vw;
font-size:14vw;
}
.luminaria-texto{
width:100%;
margin-left:auto;
margin-right:auto;
margin-top:0;
margin-bottom:6vw;
}
.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:4vw;
margin-left:0;
margin-right:0;
text-shadow:0 0.2vw 1vw var(--preto_lente01);
}
.luminaria-botao{
position: relative;
float: left;
left: 50%;
transform: translateX(-50%);
width: 60vw;
cursor: pointer;
transition: transform 0.2s ease;
background-color: var(--karazan-amber);
border-radius: 3vw;
height: 14vw;
}
.luminaria-botao:hover{
transform:translateX(-50%) scale(1.05);
}
.luminaria-botao img{
width:100%;
display:block;
}
.luminaria-botao-texto{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-family: var(--euphorigenic), sans-serif;
font-size: 7.1vw;
color: white;
background-color: var(--teste00);
white-space: nowrap;
cursor: pointer;
font-weight: 100;
}
.luminaria-fireflies{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
pointer-events:none;
z-index: 40;
}
.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: luminaria-blink 2s ease-in-out infinite;
}

@keyframes 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);}
}
/*End - css/luminaria.css*/