/* Start - css/desktop-quadros.css */
@keyframes baralho{
0%{
opacity:0;
z-index:0;
left:10vw;
}
50%{
opacity:0.5;
z-index:0;
-moz-transform: rotate(8deg);
-o-transform: rotate(8deg);
-webkit-transform: rotate(8deg);
transform: rotate(8deg);
left:18vw;
}
100%{
left:10vw;
}
}
.desktop-quadros {
position: relative;
width: 100%;
background: transparent;
padding-top: 0;
padding-bottom: 0;
overflow: hidden;
height: 39vw;
float: left;
}
.desktop-quadros-carrossel {
width: 50%;
height: 100%;
overflow: hidden;
float: left;
background-color: var(--teste00);
position:relative;
}
.desktop-quadros-carrossel-esteira {
transition: margin-left 0.6s ease-in-out;
margin-left:-1vw;
}
.desktop-quadros-carrossel-item {
width: 17vw;
height: 39vw;
float:left;
background-repeat:no-repeat;
background-position:center center;
background-size:50% auto;
transition:all 0.5s ease-in-out;
margin-left: 0;
}
.desktop-quadros-carrossel-item.is-selected{
width: 19vw;
z-index: 4;
background-size:100% auto;
transition:all 0.5s ease-in-out;
margin-left: -1vw;
}

.desktop-quadros-conteudo {
width: 50%;
height: 100%;
overflow: hidden;
float: left;
background-color: var(--teste00);
}
.desktop-quadros-titulo {
margin-bottom: 1vw;
height: auto;
width: 100%;
display: table;
margin-top: 7vw;
}
.desktop-quadros-titulo-linha01 {
font-family: var(--euphorigenic);
font-size: 2.6vw;
color: var(--fontColor);
text-align: left;
line-height: 5vw;
font-weight: normal;
letter-spacing: 0.05em;
float: left;
width: auto;
margin-left: 9.2vw;
}
.desktop-quadros-titulo-linha02 {
font-family: var(--euphorigenic);
font-size: 2.7vw;
color: var(--fontColor);
text-align: left;
line-height: 5vw;
font-weight: normal;
letter-spacing: 0.05em;
float: left;
width: auto;
margin-left: 0.8vw;
margin-top: 0.5vw;
}
.desktop-quadros-texto {
width: 17.7vw;
float: left;
background-color: var(--teste00);
margin-left: 9.4vw;
}
.desktop-quadros-texto p.desktop-quadros-texto-linha01 {
font-family: var(--linbiolinum);
font-size: var(--fontSizeTexto);
color: var(--fontColor);
text-align: center;
line-height: var(--lineHeightTexto);
margin-top: 0.7vw;
margin-bottom: 1.5vw;
padding: 0;
}
.desktop-quadros-texto p.desktop-quadros-texto-linha02 {
font-family: var(--linbiolinum);
font-size: var(--fontSizeTexto);
color: var(--fontColor);
text-align: center;
line-height: var(--lineHeightTexto);
margin-top: 0.7vw;
margin-bottom: 0.9vw;
padding: 0;
}
.desktop-quadros-botao-campo {
width:100%;
float:left;
display:table;
}
.desktop-quadros-botao {
cursor: pointer;
transition: transform 0.2s ease;
background-color: var(--karazan-amber);
border-radius: 0.4vw;
height: 3.1vw;
width: 10.6vw;
margin-top: 1.2vw;
float: left;
margin-left:12.8vw;
position:relative;
}
.desktop-quadros-botao img {
width: 100%;
height: 100%;
display: block;
}
.desktop-quadros-botao-texto {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-family: var(--euphorigenic), sans-serif;
font-size: 1.7vw;
color: var(--karazan-cream);
background-color: transparent;
white-space: nowrap;
cursor: pointer;
}
.desktop-cortina-gatilho {
position: absolute;
bottom: 0;
width: 100%;
height: 1vw;
}
.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: quadros-blink 2s ease-in-out infinite;
}
@keyframes quadros-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/desktop-quadros.css */