@import url(https://use.typekit.net/pwx5gwh.css);
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;700&display=swap");    html {
line-height: 1; -webkit-text-size-adjust: 100%;
overflow-x: hidden; }   main {
display: block;
} h1 {
font-size: 2em;
margin: 0.67em 0;
}  hr {
-webkit-box-sizing: content-box;
box-sizing: content-box; height: 0; overflow: visible;
border: none;
overflow: visible;
margin-bottom: 50px;
border-top: 1px solid rgba(0, 0, 0, .1); } pre {
font-family: monospace, monospace; font-size: 1em; }  a {
background-color: transparent;
} abbr[title] {
border-bottom: none; text-decoration: underline; -webkit-text-decoration: underline dotted;
text-decoration: underline dotted; } b,
strong {
font-weight: 700;
} code,
kbd,
samp {
font-family: monospace, monospace; font-size: 1em; } small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}  img {
border-style: none;
max-width: 100%;
height: auto;
}
.fullwidth {
width: 100vw;
height: auto;
} a {
text-decoration: none;
}
ul {
list-style-type: none;
}
li {
list-style-type: disc;
}  button,
input,
optgroup,
select,
textarea {
font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; } button,
input { overflow: visible;
} button,
select { text-transform: none;
} button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
} button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
} button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
} fieldset {
padding: 0.35em 0.75em 0.625em;
} legend {
-webkit-box-sizing: border-box;
box-sizing: border-box; color: inherit; display: table; min-width: 100%; padding: 0; white-space: normal; } progress {
vertical-align: baseline;
} textarea {
overflow: auto;
} [type="checkbox"],
[type="radio"] {
-webkit-box-sizing: border-box;
box-sizing: border-box; padding: 0; } [type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
} [type="search"] {
-webkit-appearance: textfield; outline-offset: -2px; } [type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
} ::-webkit-file-upload-button {
-webkit-appearance: button; font: inherit; }  details {
display: block;
} summary {
display: list-item;
}  template {
display: none;
} [hidden] {
display: none;
} html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
} article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block;
}
*,
*::after,
*::before {
box-sizing: border-box;
} :root{
--color-text: #2c2927;
--color-bg: #e3e0d8;
--color-gray: #bab6af;
--color-link: #2c2927;
--color-link-hover: #2c2927;
--ff-body: 'Roboto', sans-serif;
--ff-title: "scotch-display", sans-serif;
--transition-normal: all .35s ease-in-out;
--transition-fast: all .15s ease-in-out;
--transition-slow: all .5s ease-in-out;
--transition-especial: all .7s cubic-bezier(.4,.05,.55,1);
--transition-especial-slow: all 3s cubic-bezier(.4,.05,.55,1);
--hero-opacity: 100; --font-size-base: 16px;
--line-height-base: 1.36;
--font-size-xl: 52px;
--font-size-xxl: 60px;
--font-size-small: 12px;
--font-size-h1: 48px;
--font-size-h2: 42px;
--font-size-h3: 38px;
--font-size-h4: 30px;
--font-size-h5: 26px;
--font-size-h6: 20px;
}
body{
font-family: var(--ff-body);
font-size: 1.26em;
line-height: 160%;
font-weight: 300;
color: var(--color-text);
background-color: var(--color-bg);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 100%;
margin: 0;
overflow-x: hidden;
}
p, li{
font-size: var(--font-size-base);
font-family: var(--ff-body);
line-height: 160%;
font-weight: 300;
color: var(--color-text);
margin-bottom: 1.5em;
}
ul li, ol li{
margin-bottom: .5em;
}
ol li{
list-style-type: decimal;
}
ul, ol{
margin: .86em 0;
padding-left: 1.2em;
}
ul{
margin-left: 2rem;
margin-bottom: 1.3rem;
}
h1, h2{
font-family: var(--ff-title);
font-weight: 400;
line-height: 120%;
}
h3, h4, h5, h6{
font-family: var(--ff-body);
line-height: 120%;
}
b, strong, h1 b, h2 b, h3 b, h4 b, h5 b, h6 b,
h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong{
font-weight: 700!important;
}
h1{
font-size: var(--font-size-h1);
}
h2{
font-size: var(--font-size-h2);
}
h3{
font-size: var(--font-size-h4);
}
h4{
font-size: var(--font-size-h4);
}
h5{
font-size: var(--font-size-h5);
}
h6{
font-size: var(--font-size-h6);
}
p a{
background-color: #ffffe1;
display: inline-block;
border-radius: 3px;
padding: 0 0.35em;
transition: var(--transition-especial);
}
p a:hover{
background-color: #e9f7ff;
}
.categorias ul,
.wpml-ls ul{
margin: 0;
padding: 0;
}
#header{
position: fixed;
width: 100vw;
max-width: 100%;
height: 7vw;
min-height: 80px;
padding: 10px 10px 0 10px;
background-image: url(//viladeste.com.br/wp-content/themes/Viladeste/assets/design/header-bg-desktop.svg);
background-repeat: no-repeat;
background-position: 0 -40vw;
background-size: 300%;
z-index: 100;
transition: var(--transition-especial);
}
#header.active,
.blog #header{
background-image: url(//viladeste.com.br/wp-content/themes/Viladeste/assets/design/header-bg-desktop.svg);
background-repeat: no-repeat;
background-position: 100% bottom;
background-size: 600%;
}
.single-anvd_suites #header,
.single-anvd_suites #header.active{
height: 120px;
background-image: url(//viladeste.com.br/wp-content/themes/Viladeste/assets/design/header-bg-desktop.svg);
background-repeat: no-repeat;
background-position: 96% bottom;
background-size: 1000%;
}
.page-template-page-full-width h1{
text-align: center;
max-width: initial!important;
}
.blog main{
margin-top: 100px;
}
.wp-block-cb-carousel .slick-slide{
padding-left: 0!important;
padding-right: 0!important;
}
.menu--bar .wp-block-image{
margin: 5px;
}
.wp-block-image figcaption{
text-align: center;
}
.has-white-background-color{
padding: 25px;
}
.content__post .has-white-background-color  h2{
margin-top: 0!important;
}
#header.active .brand-header{
opacity: 1;
}
.pt-1{
padding-top: 1em;
}
.pt-2{
padding-top: 2em;
}
.pt-3{
padding-top: 3em;
}
.pt-4{
padding-top: 4em;
}
.pt-5{
padding-top: 5em;
}
.pb-1{
padding-bottom: 1em;
}
.pb-2{
padding-bottom: 2em;
}
.pb-3{
padding-bottom: 3em;
}
.pb-4{
padding-bottom: 4em;
}
.pb-5{
padding-bottom: 5em;
}
.flex{
display: flex;
}
sub{
font-size: .6em;
}
.actions{
justify-content: end;
align-items: center;
gap: 5px;
}
.container-header{
display: flex;
align-items: center;
justify-content: space-between;
height: 5vw;
min-height: 50px;
position: relative;
z-index: 1;
}
.o-hamburguer {
width: 32px;
height: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
cursor: pointer;
align-items: flex-start;
margin: 0 0 0 5px;
}
.o-hamburguer__line,
.active .o-hamburguer__line,
.home .active .o-hamburguer__line {
width: 28px;
height: 2px;
background-color: var(--color-text);
display: block;
border-radius: 0;
margin: 3px 0;
transition: var(--transition-normal);
}
.home .o-hamburguer__line,
.active.nav-open .o-hamburguer__line,
.blog .nav-open .o-hamburguer__line,
.nav-open .o-hamburguer__line  {
background-color: var(--color-bg);
}
.nav-open .o-hamburguer .o-hamburguer__line:nth-child(1) {
-webkit-transform: translateY(8px) rotate(45deg);
transform: translateY(8px) rotate(45deg);
}
.nav-open .o-hamburguer .o-hamburguer__line:nth-child(2) {
opacity: 0;
}
.nav-open .o-hamburguer .o-hamburguer__line:nth-child(3) {
-webkit-transform: translateY(-8px) rotate(-45deg);
transform: translateY(-8px) rotate(-45deg);
}
.noscroll {
overflow: hidden;
}
.wp-block-social-links{
margin-bottom: 0;
margin-left: 0;
}
.JS__menu {
display: block;
position: fixed;
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
top: 0;
left: 0;
width: 100%;
min-height: 100vh;
max-height: 100vh;
transition: var(--transition-especial);
will-change: transform;
background-color: var(--color-text);
opacity: 0;
z-index: 0;
overflow-x: hidden;
overflow-y: auto;
justify-content: stretch;
scroll-behavior: smooth;
padding: 0;
color: var(--color-bg);
}
.JS__menu .map-buzios, 
.footer .map-buzios{
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: .5;
}
.JS__menu .map-buzios svg,
.footer .map-buzios svg{
position: absolute;
bottom: auto;
top: 15%;
}
.map-buzios #timeline-bottom path{
stroke-width: .15;
}
.map-buzios #timeline path {
stroke-width: .35;
stroke-dasharray: 8000;
stroke-dashoffset: 8000;
pointer-events: none;
width: 100vw;
animation: firstAnimation 60s linear infinite;
}
@keyframes firstAnimation {
0% {
stroke-dashoffset: 8000;
}
50% {
stroke-dashoffset: 0;
}
100% {
stroke-dashoffset: 8000;
}
}
.JS__menu .map-buzios{
transition: all 40s cubic-bezier(0.19, 1, 0.22, 1);
transform: scale(1.7) rotate(7deg) translate(-10%, 10%);
}
.nav-open .JS__menu .map-buzios{
transform: scale(2) rotate(0deg)  translate(-5%,0);
}
.nav-open .JS__menu {
opacity: 1;
pointer-events: auto;
visibility: visible;
transition: var(--transition-especial);
background-size: 100%;
}
.JS__menu .menu--main{
transform: translateY(-30px);
opacity: 0;
transition: var(--transition-especial-slow);
transition-delay: .5s;
}
.JS__menu .menu--bar{
transform: translateY(30px);
opacity: 0;
transition: var(--transition-especial-slow);
transition-delay: .5s;
}
.nav-open .menu--main,
.nav-open .menu--bar {
transform: translateY(0);
opacity: 1;
}
.menu--main .menu,
.menu--bar .menu,
#menu-menu-contato,
#menu-menu-contato-1 {
margin: 0;
padding: 0;
display: block;
}
.menu--main .menu li{
list-style: none;
margin: 0;
padding: 0;
width: 100%;
}
.menu--main .menu li a, 
#menu-menu-contato li.classtitle a,
#menu-menu-contato-1 li.classtitle a,
#menu-menu-contato-ingles li.classtitle a,
#menu-menu-contato-ingles-1 li.classtitle a,
#menu-menu-contato-espanhol li.classtitle a,
#menu-menu-contato-espanhol-1 li.classtitle a{
color: var(--color-bg);
font-family: var(--ff-title);
font-size: var(--font-size-h4);
padding: .5em 0;
font-weight: 700;
display: inline-block;
line-height: 1.2em;
}
.menu--bar .menu li,
#menu-menu-contato li,
#menu-menu-contato-1 li{
list-style: none;
margin: 0;
padding: 0;
width: auto;
}
.menu--bar .menu li a,
#menu-menu-contato li a,
#menu-menu-contato-1 li a,
#menu-menu-contato-espanhol li a,
#menu-menu-contato-espanhol-1 li a,
#menu-menu-contato-ingles li a,
#menu-menu-contato-ingles-1 li a{
color: var(--color-bg);
font-family: var(--ff-body);
font-size: var(--font-size-base);
padding: .5em 0;
display: inline-block;
line-height: 1.2em;
font-weight: 300;
}
.menu--bar .menu li a{
padding: .5em;
}
.menu--bar .menu li a::after, .menu--main .menu li a::after{
position: relative;
content: "";
width: 0;
height: 1px;
background-color: var(--color-bg);
transition: var(--transition-especial);
display: block;
left: 0;
}
.menu--bar .menu li a:hover::after, .menu--main .menu li a:hover::after{
width: 100%;
}
.menu--social a{
color: var(--color-bg);
}
.menu--social .wpml-ls-legacy-list-horizontal{
margin-bottom: 30px
}
.wp-block-social-links.is-style-logos-only .wp-social-link svg{
width: 30px!important;
height: 30px!important;
}
.btn-circle{
position: relative;
z-index: 10;
font-family: var(--ff-body);
font-weight: 300;
text-transform: uppercase;
letter-spacing: 0.2em;
font-size: var(--font-size-small);
color: var(--color-text);
display: inline-flex;
height: 44px;
line-height: 1.2em;
align-items: center;
}
.btn-circle:before{
content: "";
display: block;
width: 44px;
height: 44px;
border-radius: 100%;
border: 1px solid var(--color-gray);
position: absolute;
top: 0;
left: -20px;
transition: all 1.5s cubic-bezier(.38,.46,0,1);
transform: scale(1);
transform-origin: 22px 22px;
opacity: 1;
z-index: 0;
}
.btn-circle:after{
content: "";
width: 0;
height: 1px;
background-color: var(--color-gray);
transition: all 1.5s .25s cubic-bezier(.27,.68,0,1);
display: block;
position: absolute;
bottom: 0;
left: auto;
right: 0;
}
.btn-circle:hover:after{
width: 100%;
left: auto;
right: 0;
}
.btn-circle:hover:before{
transform: scale(3);
transform-origin: 22px 22px;
border: 0.5px solid var(--color-gray);
opacity: 0;
}
.content__sides__balls .btn-circle{
margin-top: -20px;
}
.btn{
text-align: center;
display: inline-flex;
justify-content: center;
align-items: center;
text-transform: uppercase;
height: 34px;
border-radius: 30px;
padding: 0 1.2em;
letter-spacing: .1em;
font-size: var(--font-size-small);
color: var(--color-bg);
background-color: var(--color-text);
transition: var(--transition-normal);
}
.btn:hover, a.btn:focus:not(:focus-visible){
background-color: #fff;
color: var(--color-text)!important;
box-shadow: none;
}
.btn .icone{
width: auto;
height: 20px;
margin-right: 10px;
}
.btn-light{
color: var(--color-text);
background-color: #f3f2ee;
}
.btn.btn-icon{
padding: 0;
width: 34px;
height: 34px;
}
.btn.btn-icon .icone{
margin-right: 0;
}
.btn-reserve{
font-size: 0;
padding: 0;
width: 34px;
height: 34px;
}
.btn-reserve .icone{
margin-right: 0;
}
.white-title{
color: var(--color-bg);
}
section#fullbanner {
width: 100%;
min-height: 100vh;
background-color: var(--color-bg);
}
section.content {
position: relative;
background-color: var(--color-bg);
width: 100vw;
}
section.content.container{
max-width: 600px;
padding-left: 5vh;
padding-right: 5vh;
margin-left: auto;
margin-right: auto;
}
section.content.container.container-full{
max-width: 980px;
}
.col-chamada {
margin-top: 10em;
}
.content__img {
width: auto;
max-width: 400px;
height: auto;
}
.image-box--mobile {
display: flex;
flex-direction: column;
height: 100%;
align-items: center;
justify-content: center;
}
.image-clip {
max-width: 100%;
height: auto;
margin: 0 auto;
display: block;
}
.separator {
z-index: 10;
pointer-events: none;
width: 100%;
height: 15vw;
fill: var(--color-bg);
display: block;
position: absolute;
}
.separator--center {
top: 10vh;
height: 300px;
opacity: 0.2;
}
.separator--up {
top: -1px;
}
.separator--down {
bottom: -1px;
}
.separator--solo {
position: relative;
height: auto;
width: 102%;
margin-left: -1%;
}
.separator--solo--big {
position: relative;
height: auto;
width: 120%;
margin-left: -10%;
}
.separator--solo--absolute {
position: absolute;
top: 100%;
margin-top: -10vw;
}
.separator--line {
fill: none;
stroke: #000;
stroke-width: 1px;
}
.separator--line-light {
fill: none;
stroke: var(--color-gray);
stroke-width: 1px;
}
.content--centered.content__home{
color: var(--color-bg);
height: 60vw;
min-height: 400px;
margin-bottom: 0;
}
.home .content--centered.content__home{
height: 108vh;
}
.single-anvd_suites .content--centered.content__home{
height: 75vw;
min-height: 100vw;
margin-top: 90px;
}
.content__post--conteudos {
padding: 5vh 0;
display: grid;
grid-gap: 1em;
grid-template-columns: 100%;
}
.content__post--conteudos .image-box{
margin-bottom: 2em;
}
.content__brand{
position: absolute;
top: 22vh;
z-index: 2;
}
.home--line{
margin-top: -30vh;
}
.menu--container{
width: 1200px;
max-width: 100%;
margin-left: auto;
margin-right: auto;
padding: 10vh 5vh 5vh;
}
.menu--main {
display: block;
padding: 0;
align-content: start;
justify-content: center;
align-items: start;
width: 100%;
}
.menu--bar {
display: block;
padding: 2em 0;
justify-content: space-between;
align-items: center;
width: 100%;
}
.menu--bar div{
margin-bottom: 15px;
}
.brand{
display: block;
padding-bottom: 100px;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
margin-bottom: 5vw;
width: 22vw;
min-width: 230px;
max-width: 320px;
margin-left: auto;
margin-right: auto;
}
.brand-header{
display: block;
width: 140px;
margin-bottom: 0;
margin-left: 0;
margin-right: auto;
line-height: 0;
opacity: 1;
transition: var(--transition-especial);
}
.home .brand-header{
opacity: 0;
}
.brand-header.light{
visibility: hidden;
position: absolute;
left: 0;
opacity: 0;
}
.nav-open .brand-header.dark{
visibility: hidden;
}
.nav-open .brand-header.light{
visibility: visible;
opacity: 1;
}
a {
text-decoration: none;
color: var(--color-link);
outline: none;
}
em{
font-style: italic;
}
a:hover {
color: var(--color-link-hover);
outline: none;
}
.JS__menu a:hover{
color: var(--color-bg);
} a:focus { outline: none;
background: lightgrey;
}
a:focus:not(:focus-visible) { background: transparent;
}
a:focus-visible { outline: 2px solid #fff;
background: transparent;
} .js .loading::before,
.js .loading::after {
content: '';
position: fixed;
z-index: 1000;
}
.js .loading::before {
top: 0;
left: 0;
width: 100%;
height: 100%;
background: var(--color-bg);
}
.js .loading::after {
top: 50%;
left: 50%;
width: 60px;
height: 60px;
margin: -30px 0 0 -30px;
border-radius: 50%;
opacity: 0.4;
background: var(--color-link);
animation: loaderAnim 0.7s linear infinite alternate forwards;
}
@keyframes loaderAnim {
to {
opacity: 1;
transform: scale3d(0.5,0.5,1);
}
}
.unbutton {
background: none;
border: 0;
padding: 0;
margin: 0;
font: inherit;
cursor: pointer;
}
.unbutton:focus {
outline: none;
}
.content {
position: relative;
}
.content--centered {
height: 60vh;
min-height: 800px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.content--centered.free-height{
height: auto;
}
.content--cover{
min-height: 60vw!important;
}
.content--stretch{
height: auto;
min-height: 100vh;
display: flex;
flex-wrap: wrap;
align-items: stretch;
justify-content: center;
}
.content__title {
line-height: 0.9;
font-family: var(--ff-title);
font-weight: 700;
font-style: normal;
font-size: var(--font-size-h3);
}
.absolute__title{
position: absolute;
top: 13%;
color: var(--color-bg);
}
.absolute__title.title--left{
left: 10vw;
}
.absolute__title.down{
top: auto;
bottom: 20%;
}
.content__title--right {
text-align: right;
}
.content__title.indent h2,
.content__title.indent h1{
text-indent: -1.5vw;
text-align: left;
font-size: var(--font-size-h4);
}
.content__title.indent h1{
font-size: var(--font-size-h3);
}
.title--center,
.title--center h2,
.title--center p {
text-align: center;
}
.content__title.indent b, 
.content__title.indent strong{
font-weight: 700;
margin-left: 3vw;
text-align: right;
display: block;
width: 100%;
font-size: 1.3em;
}
.slider_suite__number{
display: none;
}
.content__title--flex{
display: flex;
flex-direction: column;
align-items: center;
gap: 2em;
padding: 5vh 5vh;
max-width: 36ch;
margin-left: auto;
margin-right: auto;
}
.text-light {
color: var(--color-bg);
}
.content__title span{
display: block;
}
.content__title-pre {
display: block;
font-size: var(--font-size-h4);
font-weight: 400;
font-style: normal;
}
.content__title em {
font-weight: bold;
}
.content__title h2 {
font-size:  var(--font-size-h4);
font-weight: 400;
margin: 0 auto;
}
.content__title h2 b{
font-size: 1.3em;
}
.blog .content__title h2{
margin-top: 0;
font-size: var(--font-size-h4);
}
.blog .content__title strong{
display: block;
font-size: var(--font-size-h2);
}
.content__title-main b{
font-weight: 700;
font-size: var(--font-size-xl);
}
.content__title-pre--offset {
margin-left: 7vw;
}
.offsetleft {
margin-left: -2vw;
text-align: left;
display: block;
white-space: nowrap;
width: 100%;
}
.offsetright {
margin-left: 2vw;
text-align: right;
display: block;
white-space: nowrap;
width: 100%;
}
.content__scroll {
position: absolute;
bottom: 14vh;
padding-bottom: 6rem;
margin-top: 5vh;
font-family: var(--ff-body);
font-weight: 300;
text-transform: uppercase;
letter-spacing: 0.2em;
font-size: var(--font-size-small);
z-index: 2;
}
.content__scroll::before,
.content__scroll::after {
position: absolute;
content: '';
width: 1px;
height: 3rem;
background: currentColor;
left: 50%;
top: 3rem;
}
.content__scroll::after {
background: var(--color-bg);
height: 0.25rem;
top: 5rem;
}
.content__bg {
width: 100%;
height: 100%;	
position: relative;
display: grid;
place-items: center;
background-size: cover;
background-repeat: no-repeat;
background-position: 50% 50%;
}
.content__bg--bottom {
background-position: 50% 100%;
}
.content__stacked {
padding: 20vh 10vw 30vh;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.content__interlude {
font-family: var(--ff-title);
font-weight: 400;
font-style: normal;
font-size: 7vw;
writing-mode: vertical-rl;
}
.content__text {
display: flex;
flex-direction: column;
justify-content: center;
text-align: center;
align-items: center;
}
.content__text--right{
text-align: left;
align-items: start;
}
.content__text--left,
.content__sides_left .content__text {
text-align: left;
align-items: start;
}
.content__text h1, .content__text .suite__title {
font-size: var(--font-size-h4);
font-weight: 700;
font-family: var(--ff-title);
margin: 0;
line-height: 0.85;
margin-bottom: 5%;
max-width: 100%;
}
.suite h1 b, .content__text .suite__title b{
font-size: .66em;
font-weight: 400!important;
display: block;
margin-top: .2em;
}
.content__text .suite__title {
margin-bottom: 0;
text-align: center;
}
.content__text h2 {
font-size: var(--font-size-h4);
font-weight: 400;
font-family: var(--ff-title);
margin: 0;
line-height: 0.85;
margin-bottom: 5%;
}
.content__text h3 {
font-size: var(--font-size-h4);
font-weight: 700;
font-family: var(--ff-title);
margin: 0;
line-height: 0.85;
margin-bottom: 5%;
}
.content__text h2 b{
display: block;
font-size: 1.3em;
font-weight: 700;
}
.content__text p {
line-height: 1.5;
max-width: 100%;
font-size: var(--font-size-h6);
}
.content__sides {
display: grid;
grid-gap: 6vw;
grid-template-columns: 100%;
padding: 10vh 0 5vh 0;
align-content: center;
justify-content: center;
align-items: center;
}
.content__post {
display: block;
padding: 10vh 0 20vh;
}
.content__post h1,
.content__post h2,
.content__post h3,
.content__post h4,
.content__post h5,
.content__post h6{
margin-bottom: .5em;
margin-top: 1.5em;
}
.content__post h2 + h3{
margin-top: 0;
}
.content__post .content__post--title{
margin-bottom: 1em;
}
.content__post .content__post--column{
margin-bottom: 1em;
max-width: 100%;
}
.content__post .content__post--title h1{
max-width: 20ch;
line-height: 116%;
margin: 0;
font-weight: 700;
}
.wp-block-table.is-style-stripes{
border: none!important;
}
.wp-block-table.is-style-stripes tbody tr:nth-child(odd){
background-color: transparent!important;
}
.wp-block-table.is-style-stripes td, .wp-block-table.is-style-stripes th{
border-bottom: 1px solid #bebcb5;
}
.suite__icones{
display: flex; font-size: var(--font-size-small);
line-height: 1.2em;
gap: 8px;
text-align: center;
flex-wrap: wrap;
align-items: flex-start;
justify-content: center;
}
.suite__icones .amen_box{
width: 95px;
margin: 0 0 20px;
}
.suite__icones .amen_box .amen_icon{
width: 32px;
height: 32px;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto .5em;
}
.suite__icones h2{
font-family: var(--ff-body);
font-size: var(--font-size-small);
}
#ball .ball1,
#ball .ball2,
#ball .ball3{
margin-top: -5vh;
}
.content__text h3.post__title{
font-size: var(--font-size-h3);
font-weight: 400;
line-height: 1.2em;
}
.swiper-navigation{
display: none;
}
.swiper-navigation .swiper-button-next, .swiper-navigation .swiper-button-prev{
min-width: 50px;
min-height: 50px;
max-width: 50px;
max-height: 50px;
border: 1px solid var(--color-gray);
background-color: var(--color-bg);
border-radius: 100%;
display: flex;
transition: var(--transition-especial);
}
.swiper-navigation .swiper-button-next:hover, .swiper-navigation .swiper-button-prev:hover{
border: 1px solid var(--color-text);
}
.swiper-navigation .swiper-button-prev:after, .swiper-navigation .swiper-button-next:after{
font-size: 20px;
color: var(--color-text);
}
.content__slider h3{
font-size: var(--font-size-h6);
font-weight: 700;
margin-bottom: 0.2em;
text-align: center;
}
.content__slider .content__text{
margin-top: 0.2em;
}
.content__title--slide {
font-weight: 400;
padding-bottom: 1em;
}
.swiper__slider_effect .swiper-slide {
padding: 1em;
}
.swiper__slider_effect .swiper-slide.swiper-slide__bottom {
padding-top: 10%;
}
.content__sides_depoimentos{
display: flex;
gap: 3vw;
padding: 0 3vh;
}
.wpml-ls-item a{
border-radius: 30px;
padding: .5em;
}
.wpml-ls-item.wpml-ls-current-language a{
border: 1px solid var(--color-gray);
}
.swiper.swiper__depoimentos,
.content__slider.swiper {
padding-left: 20vw;
padding-top: 5vh;
padding-bottom: 5vh;
}
.swiper.swiper__depoimentos .swiper-slide{
padding-right: 30px;
}
.swiper__depoimentos .wrote{
font-size: 6em;
line-height: 1em;
font-weight: 700;
font-family: var(--ff-body);
position: absolute;
left: 0;
top: 0;
}
.swiper__depoimentos h3{
font-size: var(--font-size-base);
font-family: var(--ff-body);
font-weight: 700;
margin-bottom: 1em;
}
.swiper__depoimentos h3:before{
content: "";
display: block;
background-image: url(//viladeste.com.br/wp-content/themes/Viladeste/assets/design/quote.svg);
background-repeat: no-repeat;
width: 60px;
height: 60px;
background-size: contain;
margin-bottom: 1em;
}
.swiper__depoimentos h3:after{
content: "";
display: block;
background-image: url(//viladeste.com.br/wp-content/themes/Viladeste/assets/design/stars.svg);
background-repeat: no-repeat;
width: 120px;
height: 20px;
background-size: contain;
margin-top: 1em;
}
.swiper__depoimentos .content{
padding-top: 1em;
font-family: var(--ff-body);
font-size: var(--font-size-base);
}
.swiper__depoimentos .content p{
font-size: var(--font-size-small);
}
.content__sides_three_balls{
display: block;
grid-gap: 0;
grid-template-columns: 100%;
padding: 0;
align-content: center;
justify-content: center;
align-items: start;
grid-template-columns: 1fr 50%;
}
.content__sides_three_balls_last{
padding: 0 0 3vh 0;
height: auto;
min-height: 0;
}
.content__sides.elixir{
padding: 15vh 10vw 0;
}
.content__sides--nogap {
grid-gap: 0;
padding-bottom: 0;
}
.content__sides .image-clip {
max-width: 100%;
justify-self: center;
}
.content--grid {
justify-items: center;
padding: 20vh 10vw 30vh; 
display: grid;
grid-template-columns: 100%;
grid-template-rows: auto;
grid-gap: 10vw;
max-width: 1200px;
margin: 0 auto;
}
.content__img {
width: 100%;
max-width: 400px;
height: auto;
}
ul.wp-block-categories-list,
ul.wp-block-latest-posts{
margin: 10px 0;
}
ul.wp-block-categories-list li,
ul.wp-block-latest-posts li{
display: inline-block;
}
ul.wp-block-categories-list li a,
ul.wp-block-latest-posts li a{
font-weight: 700;
text-transform: uppercase;
letter-spacing: -0.025em;
color: var(--color-bg);
background-color: var(--color-gray);
padding: .5em .75em;
border-radius: 20px;
line-height: 1.2em;
font-size: var(--font-size-small);
margin: 0;
position: relative;
z-index: 10;
display: flex;
justify-content: flex-start;
align-items: center;
text-align: center;
transition: var(--transition-normal);
}
ul.wp-block-categories-list li a:hover{
background-color: var(--color-link);
}
.footer {
margin-top: 5em;
position: relative;
background-color: var(--color-text);
z-index: 1;
overflow-x: hidden;
overflow-y: auto;
justify-content: stretch;
padding: 10vh 0;
color: var(--color-bg);
}
.credits {
font-size: clamp(1.75rem,3vw,3rem);
font-weight: 400;
font-family: var(--ff-title);
padding: 10vh 0;
text-align: center;
}
.image-clip {
max-width: 100%;
height: auto;
}
.image-clip--offset {
margin-top: -20%;
}
.hover-content{
position: relative;
display: flex;
align-items: center;
justify-content: center;
left: 0;
width: 100%;
height: 100%;
z-index: 2;
text-align: center;
opacity: 1;
transition: var(--transition-especial);
top: 45px;
font-size: var(--font-size-small);
line-height: 1.7em;
margin-top: 0;
margin-bottom: 20px;
color: var(--color-text);
}
.plus{
display: block;
position: absolute;
width: 20px;
height: 20px;
text-align: center;
line-height: 20px;
font-size: 16px;
color: var(--color-text);
border-radius: 100%;
border: 1px solid var(--color-text);
}
.hover-content ul,
.hover-content p{
margin: 0;
padding: 0;
color: var(--color-text);
}
.content__sides__balls .image-ball{
margin-bottom: 3em;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.content__sides__balls .image-ball h3{
font-family: var(--ff-body);
font-size: var(--font-size-h6);
text-align: center;
line-height: 120%;
font-weight: 300;
margin-bottom: -35px;
}
.content__sides__balls .image-ball h3 b{
font-weight: 700;
font-family: var(--ff-title);
font-size: 1.3em;
text-align: center;
display: block;
margin: 0 auto;
max-width: 12ch;
}
.content__sides_right,
.content__sides_left {
padding: 3vh 0;
display: flex;
flex-direction: column;
}
.content__sides_right .content__text--right,
.content__sides_left .content__text{
order: 2;
display: flex;
flex-direction: column;
width: 100%;
align-items: center;
padding: 1em;
gap: 20px;
}
.content__sides_right .image-clip,
.content__sides_left .image-clip{
order: 1;
}
.content__text--left, 
.content__text--right,
.content__sides_left .content__text{
flex: 1 0 30%;
}
blockquote{
border-bottom: 2px solid;
border-top: 2px solid;
padding: 3vw;
}
blockquote, blockquote p{
font-size: var(--font-size-h5);
font-weight: 400;
}
.suites__menu__header{
display: none;
}
.content__sider .suites__menu{
display: flex;
overflow-y: hidden;
overflow-x: scroll;
margin: 0;
padding: 15px;
scroll-behavior: smooth;
white-space: nowrap;
position: fixed;
top: 54px;
width: 100%;
left: 0;
visibility: visible !important;
pointer-events: all !important;
z-index: 999;
}
.content__sider .suites__menu a{
display: flex;
align-items: center;
}
.content__sider .suites__menu li{
list-style: none;
margin: 0 15px 0 0;
display: block;
}
.suites__menu .suites__menu__item a::before {
content: "";
width: 15px;
height: 15px;
min-width: 15px;
border-radius: 50%;
border: solid 1px #B3AFAA;
border-collapse: collapse;
background-color: var(--color-bg);
z-index: 1;
display: inline-block;
margin-right: 0.5em;
transition: var(--transition-especial);
}
.suites__menu .suites__menu__item--active a::before {
background-color: #221C19;
border: none;
}
@media screen and (min-width: 578px) {
.content__title--flex{
padding: 5vh 3vh;
}
#header.active,
.blog #header{
background-image: url(//viladeste.com.br/wp-content/themes/Viladeste/assets/design/header-bg-desktop.svg);
background-repeat: no-repeat;
background-position: 0 bottom;
background-size: 100%;
}
.separator--solo--absolute{
margin-top: -12vw;
}
}
@media screen and (min-width: 980px) {
.single-anvd_suites #header,
.single-anvd_suites #header.active{
height: 7vw;
background-position: 98% bottom;
background-size: 800%;
}
.single-anvd_suites .content--centered.content__home{
height: 60vw;
min-height: 400px;
margin-top: 0;
}
.content__text h1, .content__text .suite__title {
font-size: var(--font-size-h4);
font-weight: 700;
font-family: var(--ff-title);
margin: 0;
line-height: 0.85;
margin-bottom: 5%;
max-width: 12ch;
}
.content__text p {
line-height: 1.5;
max-width: 35ch;
font-size: var(--font-size-h6);
}
section.content.container {
max-width: 1200px;
padding-left: 5vh;
padding-right: 5vh;
margin-left: auto;
margin-right: auto;
}
.single-anvd_suites .content.suite {
max-width: unset;
padding: 0;
margin: 0;
}
.single-anvd_suites .content.suite .content__row {
position: relative;
max-width: 1200px;
padding-left: 5vh;
padding-right: 5vh;
margin-left: auto;
margin-right: auto;
}
.suites__side__container {
padding-top: 3em;
}
.suites__side__container {
position: relative;
height: 100%;
}
.suites__menu__outer{
display: flex;
height: 100%;
align-items: center;
}
.content__sider .suites__menu{
position: relative;
padding: 0;
margin: 0;
display: block;
width: auto;
top: auto;
white-space: initial;
overflow: auto;
}
.suites__menu:before {
content: "";
position: absolute;
top: 0;
left: 9.5px;
width: 1px;
height: 100%;
background-color: #B3AFAA;
z-index: 1;
margin-left: 2rem;
}
.suites__menu__inner .suites__menu__header {
height: 4.3em;
display: block;
}
.suites__menu__inner .suites__menu__header h2 {
margin: 0 0 0 3.2rem;
padding: 0;
font-size: var(--font-size-h6);
font-weight: 700;
top: -2.5em;
position: relative;
transform: translateY(50%);
}
.suites__menu__inner .suites__menu__header:before {
content: "";
display: block;
position: relative;
top: 0;
left: 10.5px;
width: 4rem;
height: 4.3em;
background: none;
border: solid 1px #B3AFAA;
border-width: 1px 1px 0 0;
border-radius: 0 90% 0 0;
margin-left: -2rem;
}
.suites__menu__inner:after {
content: "";
display: block;
position: relative;
left: 10.5px;
width: 4rem;
height: 4.3em;
background: none;
border: solid 1px #B3AFAA;
border-top: none;
border-radius: 0 0 90% 0;
border-width: 0 1px 1px 0;
margin-left: -2rem;
}
.suites__menu .suites__menu__item {
position: relative;
display: flex;
list-style-type: none;
margin: 0 0 0 0;
}
.suites__menu .suites__menu__item--first {
margin-top: 0;
}
.suites__menu .suites__menu__item a {
display: flex;
align-items: center;
padding: .5rem;
line-height: 1.2em;
margin: 0 0 0 1.7em;
position: relative;
}
.suites__menu .suites__menu__item a::before {
content: "";
width: 15px;
height: 15px;
min-width: 15px;
border-radius: 50%;
border: solid 1px #B3AFAA;
border-collapse: collapse;
background-color: var(--color-bg);
z-index: 1;
margin-right: .75em;
transition: var(--transition-especial);
}
.suites__menu .suites__menu__item--active a::before {
background-color: #221C19;
border: none;
}
.suites__menu .suites__menu__item a:hover:before {
background-color: var(--color-gray);
}
.suites__side__container {
padding: 0;
}
.single-anvd_suites .suite__has_sidebar.content.suite {
display: flex;
}
.single-anvd_suites .suite__has_sidebar.content.suite .content__row {
flex: 1 1 0%;
}
.single-anvd_suites .content.suite .content__sider {
width: 10em;
}
#ball .ball1{
margin-top: 0;
}
#ball .ball2{
margin-top: 10vh;
}
#ball .ball3{
width: 30%;
margin-top: -15%;
margin-left: 23%;
}
.content__title h2{
font-size: var(--font-size-h1);
}
.content__title.indent h2{
font-size: var(--font-size-h2);
}
.JS__menu .map-buzios{
transition: all 40s cubic-bezier(0.19, 1, 0.22, 1);
transform: scale(1.1) rotate(7deg) translate(-10%, 10%);
}
.JS__menu .map-buzios svg, .footer .map-buzios svg {
position: absolute;
bottom: 0;
top: auto;
}
.JS__menu .map-buzios, 
.footer .map-buzios{
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: .35;
}
.nav-open .JS__menu .map-buzios {
transform: scale(.95) rotate(0deg) translate(-5%,20%);
}
.content__post--conteudos {
padding: 10vh 0 30vh;
display: grid;
grid-gap: 5%;
grid-template-columns: 47.5% 47.5%;
}
.hover-content{
position: absolute;
display: flex;
align-items: center;
justify-content: center;
left: 0;
width: 100%;
height: 100%;
z-index: 2;
text-align: center;
line-height: 1.8em;
opacity: 0;
transition: var(--transition-especial);
top: 0;
margin: 0;
color: var(--color-bg);
font-size: var(--font-size-small);
}
.hover-content ul,
.hover-content p{
margin: 0;
padding: 0;
color: var(--color-bg);
}
.hover-content ul li{
list-style: none;
margin-bottom: .15em;
font-weight: 700;
}
.image-ball.hover-ball:hover .hover-content{
opacity: 1;
top: 10px;
}
.image-clip{
transition: var(--transition-especial);
}
.image-ball.hover-ball:hover .image-clip{
filter: saturate(.5) brightness(0.2);
}
.swiper__slider_effect .swiper-slide {
padding: 1em 2em;
}
.content__text--right{
text-align: right;
align-items: end;
}
.menu--container{
width: 1200px;
max-width: 100%;
margin-left: auto;
margin-right: auto;
padding: 25vh 5vh 5vh;
}
.menu--main {
display: block;
padding: 0;
align-content: start;
justify-content: center;
align-items: start;
width: 100%;
}
.menu--bar {
display: block;
padding: 2em 0;
justify-content: space-between;
align-items: center;
width: 100%;
}
.content__post {
display: flex;
grid-gap: 10%;
padding: 10vh 5vh 20vh;
justify-content: center;
align-items: start;
flex-wrap: wrap;
}
.container-full .content__post{
display: block;
}
.content__post .content__post--title{
flex: 1 0 100%;
}
.content__post .content__post--column{
flex: 1 0 40%;
}
.separator--solo--absolute{
margin-top: -18vw;
}
.content--centered{
height: 100vh;
min-height: 800px;
}
.content--centered.content__home{
margin-bottom: 5vh;
height: 80vh;
}
.swiper-navigation{
padding: 0;
margin: 3vh auto;
width: 140px;
height: 60px;
position: relative;
display: block;
}
.content__sides_depoimentos .swiper-navigation {
padding: 0;
margin: 0 0 0 auto;
width: 140px;
height: 80px;
position: relative;
align-self: end;
}
.content__sides_depoimentos{
display: flex;
gap: 6vw;
padding: 5vh 10vh;
}
.content__sides_three_balls{
display: grid;
grid-gap: 6vw;
grid-template-columns: 100%;
padding: 0 10vh;
align-content: center;
justify-content: center;
align-items: start;
grid-template-columns: 1fr 50%;
}
.content__sides_three_balls_last{
padding: 0 10vh 10vh 10vh;
height: auto;
min-height: 0;
}
.brand-header{
width: 200px;
}
.absolute__title.title--left{
left: 22vw;
}
.content__title--flex{
padding: 10vh;
}
.content__sides_depoimentos .content__title--flex{
padding: 0;
}
.content__sides_right .content__text--right, .content__sides_left .content__text{
order: inherit;
display: flex;
flex-direction: column;
width: 100%;
align-items: end;
padding: 0;
gap: 20px;
}
.content__sides_right .image-clip, .content__sides_left .image-clip{
order: inherit;
}
.content__sides_right .content__text--right, .content__text--right.content__text .suite__title{
text-align: right;
align-items: end;
}
.content__sides_left .content__text, .content__text .suite__title{
text-align: left;
align-items: start;
font-size: var(--font-size-h3);
}
.content__sides_right,
.content__sides_left {
display: grid;
grid-gap: 6vw;
grid-template-columns: 100%;
padding: 3vh 0 3vw 10vh;
align-content: center;
justify-content: center;
align-items: center;
}
.content__sides_left {
padding: 3vh 10vh 3vw 0;
}
.content__sides__balls .image-ball h3{
font-size: var(--font-size-h6);
text-indent: -1.5em;
display: inline-block;
margin-bottom: -2vw;
}
.content__sides__balls .image-ball h3 b{
font-size: 1.3em;
margin-left: 3em;
display: inline-block;
text-align: right;
}
.separator--solo {
height: auto;
width: 105%;
margin-left: -2.5%;
}
.separator--solo--big {
height: auto;
width: 150%;
margin-left: -25%;
}
.content__sides {
grid-template-columns: 40% 1fr;
padding: 4vh 10vh;
}
.content__sides_right {
grid-template-columns: 35% 1fr;
}
.content__sides_left {
grid-template-columns: 1fr 35%;
}
.content--grid {
grid-template-columns: repeat(2,1fr);
}
.content--grid .content__img:nth-child(2){
margin-top: 50vh;
}
.content--grid .content__img:nth-child(3){
margin-top: -50vh;
}
.content__sides__balls{
display: flex;
flex-wrap: wrap;
padding: 0 5vh;
align-content: center;
justify-content: center;
align-items: start;
margin-top: 25%;
margin-bottom: 5%;
}
.content__sides__balls .curve,
.content__sides__balls .bcurve {
fill: transparent;
}
.content__sides__balls .image-ball{
position: relative;
}
.content__sides__balls .image-ball .svg-title,
.content__sides__balls .image-ball .svg-title-b{
text-indent: -1vw;
text-align: left;
display: inline-block;
font-size: 12px;
line-height: 1.3em;
font-family: var(--ff-body);
position: absolute;
left: 0;
top: -5vh;
}
.content__sides__balls .image-ball .svg-title-b{
top: -3vh;
}
.content__sides__balls .image-ball .curvetext {
fill: var(--color-text);
font-family: var(--ff-body);
font-size: 16px;
text-align: center;
}
.content__sides__balls .image-ball .curvetextb {
fill: var(--color-text);
font-weight: 700;
font-family: var(--ff-title);
font-size: 22px;
text-align: center;
}
.content__sides__balls .image-ball.ball1{
width: 36%;
margin-left: -6%;
}
.content__sides__balls .image-ball.ball2{
width: 36%;
margin-left: -9%;
margin-top: -25%;
}
.content__sides__balls .image-ball.ball3{
width: 35%;
margin-left: -24%;
margin-right: -2%;
margin-top: 15%;
}
.content__sides__balls .image-ball.ball4{
width: 35%;
margin-top: -10%;
margin-right: -5%;
}
.content__sides__balls .image-ball.ball5{
width: 33%;
margin-left: -3%;
margin-top: -12%;
margin-right: 0;
}
.content__sides__balls .image-ball.ball6{
width: 40%;
padding: 0;
margin-top: -4%;
margin-left: 0;
}
.content__sides__balls .image-ball.ball7{
width: 35%;
margin-left: -8%;
margin-top: -21%;
margin-right: -10%;
}
.content__sides__balls .image-ball.ball8{
width: 34%;
margin-right: 14%;
margin-left: 10%;
margin-top: -11%;
}
.content__sides__balls .image-ball.ball9{
width: 38%;
margin-top: -12%;
margin-right: 1%;
}
.content__sides__balls .image-ball.ball10{
width: 29%;
margin-top: -12%;
margin-left: 5%;
}
.content__sides__balls.exp_balls{
margin-top: 0;
}
.content__sides__balls.exp_balls .image-ball.ball1{
width: 55%;
margin-left: -5%;
}
.content__sides__balls.exp_balls .image-ball.ball2{
width: 48%;
margin-left: 0%;
margin-top: 20%;
}
.content__sides__balls.exp_balls .image-ball.ball3{
width: 44%;
margin-left: 8%;
margin-right: 8%;
margin-top: -21%;
}
.content__sides__balls.exp_balls .image-ball.ball4{
width: 39%;
margin-top: -4%;
margin-left: -10%;
margin-right: 3%;
}
#header.active{
background-image: url(//viladeste.com.br/wp-content/themes/Viladeste/assets/design/header-bg-desktop.svg);
background-repeat: no-repeat;
background-position: 0 bottom;
background-size: 100%;
}
#header{
padding: 10px 30px;
}
.btn-reserve{
font-size: var(--font-size-small);
padding: 0 1.2em;
width: auto;
}
.btn-reserve .icone{
margin-right: 10px;
}
.menu--main,
.menu--bar {
display: flex;
gap: 15px;
}
.menu--main .menu,
.menu--bar .menu{
margin: 0;
padding: 0;
display: flex;
flex-wrap: wrap;
}
.menu--main .menu li{
width: 100%;
}
}
@media screen and (min-width: 1024px) {
.content__title.indent h2,
.content__text h2,
.content__text h1, .content__text .suite__title{
font-size: var(--font-size-h1);
}
.content__text h2{
font-size: var(--font-size-h3);
}
}
@media screen and (min-width: 1280px) {
.content__sides__balls .image-ball h3{
font-size: var(--font-size-h5);
text-indent: -1.5em;
display: inline-block;
margin-bottom: -2vw;
}
.content__post--conteudos {
padding: 10vh 0 30vh;
display: grid;
grid-gap: 5%;
grid-template-columns: 47.5% 47.5%;
}
.content__title.indent h2,
.content__text h2,
.content__text h1, .content__text .suite__title{
font-size: var(--font-size-xl);
}
.content__text h2 b{
font-size: var(--font-size-h1);
}
.content__text h2{
font-size: var(--font-size-h2);
}
.hover-content{
font-size: var(--font-size-base);
}
}