@font-face {font-display: swap; font-family: 'Montserrat'; font-style: normal; font-weight: 400; src: url('../temp/montserrat-v29-latin_latin-ext-regular.woff2') format('woff2');}

*, *::before, *::after {box-sizing: border-box; }
* {margin: 0; padding: 0; border: 0;}
ul[role='list'], ol[role='list'] {list-style: none;}
html:focus-within {scroll-behavior: smooth;}

a:not([class]) {text-decoration-skip-ink: auto;}
a {color: var(--c-default); cursor: pointer; text-decoration: none;}
a:hover,
[type='submit']:hover,
button:hover {text-decoration: none; transition: .3s all;}

img, picture, svg, video, canvas{max-width: 100%; height: auto; vertical-align: middle; font-style: italic; background-repeat: no-repeat; background-size: cover; border: 0; /*display: block;*/}
input, button, textarea, select, optgroup, option, button, address, caption, cite, code, em, strong, th, var {font: inherit;}

p, h1, h2, h3, h4, h5, h6 {overflow-wrap: break-word;}
p {text-wrap: pretty;}
h1, h2, h3, h4, h5, h6 {text-wrap: balance; font-size: 100%;}

body, html {height: 100%; scroll-behavior: smooth;}
body {font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: 400; color: var(--c-default); background:#e7e5d4; line-height: 1.4; -webkit-font-smoothing: antialiased;}

.content {width: 100%; height: 100%; background:url(../temp/left.svg) left top/400px no-repeat, url(../temp/right.svg) right bottom/750px no-repeat; position: relative;}
.wrapper {max-width: 650px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center;}
.wrapper p {font-size: 24px; margin: 30px 0;}
.wrapper .whatsapp {display: inline-block; color: #FFF; background: #84bc3e url(../temp/whatsapp.svg) 20px center/26px no-repeat; padding: 0 20px 0 55px; border-radius: 10px; line-height: 56px;}

.wrapper footer {border-top: 1px solid #CCC; margin-top: 30px; padding-top: 30px; display: flex; justify-content: space-around;}
.wrapper footer div {text-align: left;}
.wrapper footer div .titulo {color: #84bc3e; margin-bottom: 15px;}
.wrapper footer div ul.redes-sociais li {display: table-cell; padding-right: 15px;}

.exame {position: absolute; right: 20px; bottom: 20px;}

@media (max-width:1700px) {
    .exame {width: 450px;}
}

@media (max-width:1366px) {
    .content {background:url(../temp/left.svg) left top/400px no-repeat, url(../temp/right.svg) right bottom/500px no-repeat;}
    .exame {width: 400px;}
}

@media (max-width:1200px) {
    .content {background:url(../temp/left.svg) left top/200px no-repeat, url(../temp/right.svg) right bottom/300px no-repeat;}
    .wrapper {width: calc(100% - 30px);}
    .logo {width: 230px;}
    .wrapper p {font-size: 16px; margin: 30px 0;}
    .wrapper .whatsapp {font-size: 14px; width: 320px; line-height: 42px;}
    .wrapper footer {flex-direction: column;}
    .wrapper footer div {margin-bottom: 20px;}
    .wrapper footer div .titulo {margin-bottom: 5px;}
    .exame {width: 240px; right: 0; bottom: 0;}
}

@media (prefers-reduced-motion: reduce) {
  html:focus-within {scroll-behavior: auto;}
}