/* Start - css/desktop-cortina.css */
.desktop-cortina {
width: 100%;
height: 55.3vw;
position: relative;
background-image: url("img/desktop-cortina.webp");
background-size: auto 100%;
background-position: center -0.9vw;
background-repeat: no-repeat;
float: left;
z-index: 2;
overflow:hidden;
}
.desktop-cortina-right01{
position: absolute;
right: 4.5vw;
top: 0;
width: 18vw;
height: 100%;
background-image: url("img/desktop-cortina-pedaco01.webp");
background-size: auto 95%;
background-position: left 2.2vw;
background-repeat: no-repeat;
z-index: 10;
}
.desktop-cortina-right02{
position: absolute;
right: -5.5vw;
top: 0;
width: 21vw;
height: 100%;
background-image: url("img/desktop-cortina-pedaco02.webp");
background-size: auto 94%;
background-position: left 2.5vw;
background-repeat: no-repeat;
z-index: 12;
}
.desktop-cortina-left{
position: absolute;
left: 0vw;
top: 0vw;
width: 21vw;
height: 100%;
background-image: url("img/desktop-cortina-pedaco02.webp");
background-size: auto 92%;
background-position: left 3vw;
background-repeat: no-repeat;
z-index: 10;
transform: scaleX(-1);
}
.desktop-cortina-left02{
position: absolute;
left: -7vw;
top: 0vw;
width: 21vw;
height: 100%;
background-image: url("img/desktop-cortina-pedaco02.webp");
background-size: auto 92%;
background-position: left 3vw;
background-repeat: no-repeat;
z-index: 10;
transform: scaleX(-1);
}
.desktop-cortina-pizza02{
position: absolute;
right: -10vw;
top: 9.7vw;
width: 24.9vw;
height: 14.8vw;
background-image: url("img/pizza02.webp");
background-size: auto 100%;
background-position: left top;
background-repeat: no-repeat;
z-index: 10;
transform: scaleX(-1);
transition:all 0.5s ease-in-out;
}
.desktop-cortina-pizza02.ativo{
right: 17.5vw;
transition:all 0.7s ease-in-out;
}
.desktop-cortina-pizza03{
position: absolute;
left: -10vw;
top: 36.2vw;
width: 19.5vw;
height: 12vw;
background-image: url("img/pizza03.webp");
background-size: auto 100%;
background-position: left top;
background-repeat: no-repeat;
z-index: 9;
transform: scaleX(-1);
transition:all 0.5s ease-in-out;
}
.desktop-cortina-pizza03.ativo{
left: 16.7vw;
transition:all 0.5s ease-in-out;
}
.desktop-cortina-drink{
position: absolute;
left: -10vw;
top: 11vw;
width: 16.2vw;
height: 17vw;
background-image: url("img/drink.webp");
background-size: auto 100%;
background-position: right top;
background-repeat: no-repeat;
z-index: 9;
transition:all 0.5s ease-in-out;
}
.desktop-cortina-drink.ativo{
left: 15vw;
transition:all 0.3s ease-in-out;
}
.desktop-cortina-drink02{
position: absolute;
right: -15vw;
top: 31.3vw;
width: 32vw;
height: 16vw;
background-image: url("img/drink02.webp");
background-size: auto 100%;
background-position: right top;
background-repeat: no-repeat;
z-index: 10;
transition:all 0.5s ease-in-out;
}
.desktop-cortina-drink02.ativo{
right: 7vw;
transition:all 0.8s ease-in-out;
}
.desktop-cortina-conteudo {
position: absolute;
top: 21vw;
left: 50%;
transform: translateX(-50%);
width: 17vw;
z-index: 4;
text-align: center;
height: auto;
background-color: var(--teste00);
}
.desktop-cortina-titulo-principal {
margin-bottom: 2vw;
float: left;
width: 100%;
}
.desktop-cortina-titulo-linha01{
font-family: var(--euphorigenic);
font-size: 3vw;
line-height: 4vw;
color: var(--fontColor);
text-align: center;
font-weight: normal;
letter-spacing: 0vw;
}
.desktop-cortina-titulo-linha02{
font-family: var(--euphorigenic);
font-size: 3vw;
line-height: 3vw;
color: var(--fontColor);
text-align: center;
font-weight: normal;
letter-spacing: 0vw;
}
.desktop-cortina-texto p{
font-family: var(--linbiolinum);
font-size: var(--fontSizeTexto);
color: var(--fontColor);
text-align: center;
margin-bottom: 0.9vw;
font-style: italic;
float: left;
width: 100%;
height: auto;
line-height: var(--lineHeightTexto);
}
.desktop-cortina-btn-box{
width: 100%;
height: auto;
float: left;
}
.desktop-cortina-btn {
width: 9.2vw;
height: auto;
background-color: var(--karazan-amber);
border-radius: 0.3vw;
cursor: pointer;
transition: background 0.2s, color 0.2s;
margin: 0 auto;
background-image: url("img/botao-moldura02.webp");
background-size: contain;
background-position: left top;
background-repeat: no-repeat;
}
.desktop-cortina-btn-texto{
font-family: var(--euphorigenic), sans-serif;
font-size: 1.2vw;
text-align: center;
line-height: 2.2vw;
text-decoration: none;
color: var(--karazan-cream);
}
.desktop-cortina-gatilho{
width: 1vw;
height: 1vw;
position: absolute;
bottom: 2vw;
left: 0vw;
background-color:transparent;
z-index: 20;
}
/* End - css/desktop-cortina.css */