/* Start - css/valor.css */
.valor {
position: relative;
width: 100%;
background-color: var(--karazan-cream);
padding-top: 16vw;
padding-bottom: 8vw;
overflow: visible;
height: 185vw;
float:left;
}
.valor-moldura {
position: relative;
width: 100%;
margin: 0 auto;
background-color: transparent;
background-image: url(img/moldura.svg);
background-position: center top;
background-repeat: no-repeat;
background-size: 100% auto;
padding: 8vw 6vw;
z-index: 2;
height: 120vw;
text-align: center;
margin-top: -13vw;
}
.valor-cabecalho {
position: relative;
text-align: center;
margin-bottom: 6vw;
}
.valor-titulo-garantia {
font-family: var(--euphorigenic);
font-size: 7vw;
color: var(--karazan-bordo);
text-align: center;
line-height: 8vw;
font-weight: 500;
letter-spacing: 0.05em;
margin: 0;
padding: 0;
}
.valor-titulo-garantia span {
font-weight: 400;
font-size: 13vw;
color: var(--karazan-bordo);
}
.valor-titulo-convite {
font-family: var(--euphorigenic);
font-size: 8.5vw;
color: var(--karazan-bordo);
text-align: center;
line-height: 9vw;
font-weight: normal;
letter-spacing: 0.05em;
margin: 0;
padding: 0;
margin-top: -1vw;
padding-left: 19vw;
}
.valor-frase {
font-family: var(--linbiolinum);
font-size: 4vw;
color: var(--karazan-bordo);
text-align: center;
line-height: 4.4vw;
font-style: italic;
background-color: var(--teste00);
width: 63vw;
margin: 0 auto;
margin-bottom: 16vw !important;
}
.valor-banquete-header {
position: relative;
background-color: var(--karazan-bordo);
border-radius: 4vw;
padding: 2vw;
text-align: center;
margin: 0 auto;
width: 73vw;
z-index: 5;
}
.valor-titulo-banquete {
font-family: var(--euphorigenic);
font-size: 8vw;
color: var(--karazan-cream);
text-align: center;
line-height: 10vw;
font-weight: normal;
letter-spacing: 0.05em;
margin: 0;
padding: 0;
}
.valor-conteudo {
position: relative;
width: 75%;
margin: 0 auto;
margin-top: 11vw;
}
.valor-descricao {
font-family: var(--linbiolinum);
font-size: 4vw;
color: var(--karazan-bordo);
line-height: 5vw;
margin-bottom: 1.2vw;
font-style: italic;
width: 100%;
text-decoration: underline;
}
.valor-lista {
width: 100%;
margin-top: 3vw;
margin-bottom: 5vw;
padding-left: 9vw;
}
.valor-lista li {
font-size: 3.5vw;
list-style-position: outside;
color: var(--karazan-bordo);
font-family: var(--linbiolinum);
text-align: left;
line-height: 5vw;
text-transform: uppercase;
}
.valor-preco {
position: relative;
width: 100%;
text-align: center;
margin-bottom: 3vw;
}
.valor-preco-valor {
font-family: var(--euphorigenic);
font-size: 11.5vw;
color: var(--karazan-bordo);
line-height: 13vw;
margin: 0;
padding: 0;
letter-spacing: -0.2vw;
}
.valor-preco-valor span{
font-family: math;
font-size: 11.5vw;
color: var(--karazan-bordo);
line-height: 13vw;
margin: 0;
padding: 0;
letter-spacing: -0.2vw;
}
.valor-preco-por {
font-family: var(--euphorigenic);
font-size: 5.3vw;
color: var(--karazan-bordo);
line-height: 5.3vw;
}
.valor-botao-box {
width: 100%;
}
.valor-botao {
width: 47vw;
height: 12vw;
position: relative;
display: inline-block;
background-color: var(--karazan-bordo);
border-radius: 3vw;
margin-top: 0.5vw;
}
.valor-botao img {
width: 100%;
height: 100%;
display: block;
}
.valor-botao-texto {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-family: var(--euphorigenic);
font-size: 7vw;
color: var(--karazan-cream);
background-color: transparent;
white-space: nowrap;
pointer-events: none;
}
.valor-cajado {
position: absolute;
top: 71vw;
left: -13vw;
width: 32vw;
height: auto;
object-fit: contain;
z-index: 3;
pointer-events: none;
background-color: var(--teste00);
}
@keyframes valor-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);}
}
.valor-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);
}