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%;
vertical-align: baseline;
} article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
a {
text-decoration: none;
color: unset !important;
}
a:hover {
color: unset !important;
}
*::focus, *::-moz-focus-inner, *::-moz-focus-outer {
outline: none !important;
box-shadow: none !important;
}
.btn, .button, button, input[type=submit], input[type=reset], input[type=button] {
background: transparent;
border: 1px solid #47CF54;
color: #47CF54 !important;
font-weight: 600;
border-radius: 20px;
border-bottom-left-radius: 1.25rem;
border-top-left-radius: 10px;
padding: 0.5rem 1.5rem;
transition: 400ms;
}
.btn.revert, .button.revert, button.revert, input[type=submit].revert, input[type=reset].revert, input[type=button].revert {
background: transparent;
border: 1px solid #fff;
color: #fff !important;
}
.btn:hover, .button:hover, button:hover, input[type=submit]:hover, input[type=reset]:hover, input[type=button]:hover {
background: #47CF54;
border: 1px solid #47CF54;
color: #fff !important;
}
*::-webkit-scrollbar {
width: 0.3125rem;
border-radius: 50px;
}
*::-webkit-scrollbar-track {
background: #faeaf3;
}
*::-webkit-scrollbar-thumb {
background: #C04686;
border-radius: 10px;
}
*::-webkit-scrollbar-thumb:hover {
background: #bc6793;
}
img.scale {
transition: 400ms;
}
img.scale:hover {
transform: scale(1.02);
}
:root{
font-size: 0.833332vw
}
body {
background-image: url(//www.liandretta.com.br/wp-content/themes/cms/assets/img/main_background.png);
background-size: cover;
background-position: top left;
background-repeat-x: no-repeat;
background-repeat-y: repeat;
font-family: Poppins, sans-serif;
}
body.menu_open {
overflow: hidden;
}
body .container {
max-width: 70.3125vw;
width: 70.3125vw;
}
body header.header {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 10;
background: #FAEAF3;
}
body header.header .col_header_itens {
display: flex;
justify-content: space-between;
align-items: center;
height: 8rem;
padding: 2rem 0;
transition: 400ms;
}
body header.header .whatsapp_contact a {
color: #707070 !important;
font-weight: 500;
text-decoration: none;
}
body header.header .whatsapp_contact svg {
margin-right: 0.3rem;
}
body header.header .header__logo {
height: 100%;
transition: 400ms;
}
body header.header .header__logo img {
height: 100%;
}
body header.header .burger {
display: flex;
align-items: center;
}
body header.header .burger label {
display: flex;
flex-direction: column;
width: 2.5rem;
cursor: pointer;
height: 1.7rem;
justify-content: space-between;
}
body header.header .burger label span {
background: #3C5EA4;
border-radius: 0.625rem;
height: 15%;
transition: 0.4s cubic-bezier(0.68, -0.6, 0.32, 1.6);
align-self: flex-end;
}
body header.header .burger label span:nth-of-type(1) {
width: 100%;
}
body header.header .burger label span:nth-of-type(2) {
width: 100%;
}
body header.header .burger label span:nth-of-type(3) {
width: 75%;
}
body header.header .burger input[type=checkbox] {
display: none;
}
body header.header .balao_fb_inst {
display: flex;
background: #424c9a;
padding: 0.7rem 1.5rem;
border-radius: 1.5rem 5rem 5rem 6rem;
margin-right: 3rem;
}
body header.header .balao_fb_inst svg path, body header.header .balao_fb_inst svg circle {
fill: #fff;
}
body header.header .balao_fb_inst svg {
width: 1.5rem;
height: 1.5rem;
margin: 0 0.5rem;
transition: 400ms;
}
body header.header .balao_fb_inst svg:hover {
transform: scale(1.05);
}
body header.header .menu_full {
overflow: hidden;
}
body header.header .menu_full .content {
position: fixed;
top: 0;
right: 0;
background: #A0A5C4;
width: 25rem;
padding: 2rem;
height: 100%;
z-index: 51;
transition: 400ms;
transform: translateX(100%);
opacity: 0;
}
body header.header .menu_full .content .contato svg {
width: 1.875rem;
height: 1.875rem;
}
body header.header .menu_full .content .contato > div a {
margin-bottom: 1rem;
display: flex;
align-items: center;
color: #fff;
font-weight: 500;
}
body header.header .menu_full .content .contato span {
color: #fff;
margin-left: 0.5rem;
}
body header.header .menu_full .content .redes_sociais {
margin: 1rem 0 2.5rem;
}
body header.header .menu_full .content .redes_sociais svg {
width: 1rem;
height: 1rem;
}
body header.header .menu_full .close {
display: flex;
justify-content: flex-end;
cursor: pointer;
}
body header.header .menu_full .menu {
margin-bottom: 3rem;
}
body header.header .menu_full .menu ul {
list-style: none;
padding: 0;
}
body header.header .menu_full .menu ul a {
text-decoration: none;
color: #fff;
}
body header.header .menu_full .menu ul li a:hover {
color: #c04686;
}
body header.header .menu_full .menu_img {
margin-bottom: 1.5rem;
}
body header.header .menu_full .menu_img img {
filter: brightness(9.5);
width: 70%;
}
body header.header .menu_full::after {
content: "";
width: 100%;
height: 100%;
backdrop-filter: blur(10px) brightness(0.6);
position: fixed;
top: 0;
left: 0;
z-index: 5;
transition: 400ms;
display: none;
}
body header.header .menu_full.active::after {
display: block;
z-index: 50;
}
body header.header .menu_full.active .content {
transform: translateX(0%);
opacity: 1;
}
body header.header .menu_full .contato_item svg path, body header.header .menu_full .contato_item svg circle {
fill: #fff;
}
body header.header .menu_full .menu ul li:hover a {
color: #c04686 !important;
}
body header.header .menu_full .menu ul li {
color: #fff !important;
margin-bottom: 1rem !important;
font-size: 1.05rem;
}
body header.header .menu_full .description {
color: #fff;
line-height: 1.4;
}
body header.header .menu_full .redes_sociais {
display: flex;
}
body header.header .menu_full .redes_sociais svg {
width: 1.5rem !important;
height: 1.5rem !important;
margin: 0 0.3rem;
}
body header.header .menu_full .redes_sociais svg:hover path {
fill: #C04686;
}
body header.header .menu_full .contato_item:hover span, body header.header .menu_full .contato_item:hover svg path {
color: #C04686 !important;
fill: #C04686 !important;
}
body.scrolled header.header {
background: #faeaf3;
box-shadow: 0 -5px 15px 0 #c04686;
}
body.scrolled header.header .col_header_itens {
height: 4.6rem;
padding-top: 1rem;
padding-bottom: 1rem;
padding-right: calc(var(--bs-gutter-x) * 0.5);
padding-left: calc(var(--bs-gutter-x) * 0.5);
}
body main {
margin-top: 6vw;
}
body main section.main_banner {
height: calc(100vh - 8rem);
position: relative;
margin-bottom: 5rem;
display: flex;
align-items: center;
}
body main section.main_banner .banner_effect_top {
position: absolute;
top: 10px;
left: 0;
width: 100%;
z-index: 2;
transform: translate(0, 0);
}
body main section.main_banner .banner_effect_top img {
width: 100%;
}
body main section.main_banner .banner_effect_bottom {
position: absolute;
top: 50%;
left: 0;
width: 100%;
z-index: 4;
transform: translate(0, 25%);
}
body main section.main_banner .banner_effect_bottom img {
width: 100%;
}
body main section.main_banner .banner_info h2 {
color: #C04686;
font-weight: bold;
font-size: 4.0875rem;
margin-bottom: 1.5rem;
line-height: 1;
}
body main section.main_banner .banner_info p {
color: #3F559F;
font-weight: 500;
font-size: 1.25rem;
margin-bottom: 1.25rem;
line-height: 1.5;
}
body main section.main_banner .coluna_texto {
display: flex;
align-items: center;
z-index: 5;
}
body main section.main_banner .banner_info_img {
position: relative;
z-index: 2;
justify-content: flex-end;
display: flex;
}
body main section.main_banner .banner_info_img::after {
content: "";
position: absolute;
top: 0;
right: 0;
width: 3.125rem;
height: 3.125rem;
background: url(//www.liandretta.com.br/wp-content/themes/cms/assets/img/borboleta.png) no-repeat center center/cover;
}
body main section.main_banner .banner_info_img img {
height: 60vh;
border-top-right-radius: 15rem;
}
body main section.main_banner .banner_info_img::before {
content: "";
position: absolute;
background: #c0468685;
width: 100%;
height: 10rem;
z-index: -1;
bottom: 0;
left: 50%;
transform: translate(-49%, 20%);
border-radius: 15px;
filter: blur(70px);
}
body main section.effect_dots {
position: relative;
}
body main section.effect_dots .dots {
width: 4.6875rem;
height: 4.6875rem;
display: flex;
justify-content: center;
align-items: center;
margin: 0 auto;
}
body main section.effect_dots .dots .main_dot {
width: 0.625rem;
height: 0.625rem;
background: #3f559f;
border-radius: 50px;
}
body main section.effect_dots .dots .main_dot:after {
content: "";
position: absolute;
left: 50%;
top: 0;
transform: translateX(-50%);
width: 0.4375rem;
height: 0.4375rem;
background: #3f559f;
border-radius: 50px;
}
body main section.effect_dots .dots .main_dot:before {
content: "";
position: absolute;
left: 50%;
bottom: 0;
transform: translateX(-50%);
width: 0.4375rem;
height: 0.4375rem;
background: #3f559f;
border-radius: 50px;
}
body main section.effect_dots.horizontal .dots {
flex-direction: row;
align-items: center;
margin: 0 auto;
max-width: 4.6863rem;
position: relative;
justify-content: center;
}
body main section.effect_dots.horizontal .main_dot:before {
left: 0;
top: 50%;
transform: translateY(-50%);
}
body main section.effect_dots.horizontal .main_dot:after {
left: 100%;
top: 50%;
transform: translateY(-50%) translateX(-100%);
}
body main section.quem_somos {
padding: 8rem 0 5rem 0;
}
body main section.quem_somos .linha_quemsomos .coluna_texto > h2 {
color: #3F559F;
font-weight: 400;
font-size: 1.25rem;
margin-bottom: 1.5rem;
line-height: 1;
width: max-content;
position: relative;
}
body main section.quem_somos .linha_quemsomos .coluna_texto > h2::before {
content: "";
background: url(//www.liandretta.com.br/wp-content/themes/cms/assets/img/linha_quemsomos.png) no-repeat top right/cover;
position: absolute;
right: 0;
bottom: 0;
transform: translateY(105%);
width: 30rem;
height: 15rem;
}
body main section.quem_somos .linha_quemsomos .text h2 {
font-size: 2.625rem;
color: #C04686;
}
body main section.quem_somos .linha_quemsomos .text h3 {
font-size: 1.6875rem;
color: #3F559F;
margin: 1rem 0;
}
body main section.quem_somos .linha_quemsomos .text p {
color: #3F559F;
line-height: 1.4;
}
body main section.quem_somos .linha_quemsomos .mvv {
display: flex;
justify-content: space-between;
margin-top: 2rem;
height: 17rem;
}
body main section.quem_somos .linha_quemsomos .mvv .mvv_item.ativo {
width: calc(100% - 5rem);
margin: 0 0.2rem;
}
body main section.quem_somos .linha_quemsomos .mvv .mvv_item.ativo .mvv_item_text {
-webkit-line-clamp: 30 !important;
}
body main section.quem_somos .linha_quemsomos .mvv .mvv_item.n_ativo {
width: 2.5rem;
margin: 0 0.2rem;
}
body main section.quem_somos .linha_quemsomos .mvv .mvv_item.n_ativo .mvv_item_text, body main section.quem_somos .linha_quemsomos .mvv .mvv_item.n_ativo span.title_mvv {
opacity: 0;
}
body main section.quem_somos .linha_quemsomos .mvv .mvv_item {
background: rgba(64, 86, 160, 0.08);
width: 30%;
text-align: center;
padding: 1.5rem;
color: #C04686;
font-weight: 500;
font-size: 0.9375rem;
line-height: 1.4;
overflow: hidden;
border-radius: 1.5rem;
height: 100% !important;
transition: 50ms;
margin: 0 0.2rem;
}
body main section.quem_somos .linha_quemsomos .mvv .mvv_item_img {
display: flex;
flex-direction: column;
align-items: center;
margin-bottom: 0.3rem;
}
body main section.quem_somos .linha_quemsomos .mvv .mvv_item_img img {
width: 2.5rem;
height: 2.5rem;
margin-bottom: 0.5rem;
object-fit: contain;
}
body main section.quem_somos .linha_quemsomos .mvv .mvv_item_img span.title_mvv {
font-weight: bold;
}
body main section.quem_somos .linha_quemsomos .mvv .mvv_item_text {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 7;
-webkit-box-orient: vertical;
transition: 50ms;
max-height: 15rem;
font-size: 0.7rem;
}
body main section.quem_somos .coluna_img {
display: flex;
align-items: center;
justify-content: center;
}
body main section.quem_somos .img_quem_somos {
background: url(//www.liandretta.com.br/wp-content/themes/cms/assets/img/quemsomos_fundo_imgs.png);
background-size: 100% 100%;
flex: 0 0 100%;
display: flex;
flex-wrap: wrap;
padding: 0px 3.5vw;
}
body main section.quem_somos .img_quem_somos a {
display: block;
width: 60%;
height: 20vw;
}
body main section.quem_somos .img_quem_somos a img {
width: 100%;
height: 100%;
object-fit: cover;
}
body main section.quem_somos .img_quem_somos div.up {
justify-content: flex-start;
display: flex;
width: 100%;
height: 63%;
transform: translate(0%, 4%);
z-index: 2;
}
body main section.quem_somos .img_quem_somos div.up a {
border: 4px solid #fff;
border-radius: 5.5rem 1rem 1rem 1rem;
overflow: hidden;
background: #fff;
}
body main section.quem_somos .img_quem_somos div.down {
justify-content: flex-end;
display: flex;
width: 100%;
height: 63%;
transform: translate(0%, -20%);
}
body main section.quem_somos .img_quem_somos div.down a {
border: 4px solid #fff;
border-radius: 1rem 1rem 5.5rem 1rem;
overflow: hidden;
}
body main section.quem_somos .img_quem_somos a.off {
display: none;
}
body main .effect_dots.quemsomos {
transform: translateY(50%);
}
body main section.tratamentos {
background: #3f559f73;
padding: 8rem 0;
position: relative;
}
body main section.tratamentos > img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0.2;
z-index: -1;
}
body main section.tratamentos .content {
text-align: center;
color: #fff;
}
body main section.tratamentos .content h2 {
font-size: 2.625rem;
margin-bottom: 1.5rem;
}
body main section.tratamentos .content .text {
font-size: 1.6875rem;
}
body main section.tratamentos span.section {
text-align: center;
display: block;
color: #fff;
font-weight: 500;
padding-bottom: 1rem;
position: relative;
width: max-content;
margin: 0 auto 0.5rem;
}
body main section.tratamentos span.section::after {
content: "";
width: 15vw;
height: 2px;
background: #fff;
position: absolute;
bottom: 0;
left: 50%;
border-radius: 50px;
transform: translateX(-50%);
}
body main section.tratamentos .tratamentos_area {
margin-top: 3rem;
position: relative;
}
body main section.tratamentos .tratamentos_area .tratamento {
border: 1px solid #fff;
border-radius: 15px;
padding: 1.802rem 1rem;
display: flex;
align-items: center;
color: #fff;
font-weight: bold;
margin-bottom: 0.05re;
width: 65%;
cursor: pointer;
}
body main section.tratamentos .tratamentos_area .tratamento.ativo {
color: #C04686;
background: #fff;
}
body main section.tratamentos .tratamentos_area .tratamento.ativo img {
filter: none;
}
body main section.tratamentos .tratamentos_area .tratamento img {
width: 2.5rem;
height: 2.5rem;
object-fit: contain;
margin-right: 0.7rem;
filter: brightness(7.5);
}
body main section.tratamentos .tratamentos_area .tratamento_interno {
position: absolute;
top: 0;
right: 0;
width: 43.75vw;
height: 100%;
padding: 1.5rem;
border-radius: 2rem;
height: 100%;
background: #fff;
overflow: hidden;
display: none;
}
body main section.tratamentos .tratamentos_area .tratamento_interno.ativo {
display: block;
}
body main section.tratamentos .tratamentos_area .tratamento_interno img {
width: 100%;
border-radius: 2rem;
height: 100%;
aspect-ratio: auto;
}
body main section.tratamentos .tratamentos_area .tratamento_interno .tratamento_interno_fundo {
height: 100%;
position: relative;
overflow: hidden;
border-radius: 2rem;
}
body main section.tratamentos .tratamentos_area .tratamento_interno .tratamento_interno_texto {
position: absolute;
bottom: 0;
padding: 2rem 2rem 3rem;
color: #fff;
z-index: 1;
}
body main section.tratamentos .tratamentos_area .tratamento_interno .tratamento_interno_fundo:after {
width: 100%;
height: 100%;
content: '';
position: absolute;
top: 0;
left: 0;
background: linear-gradient(0deg, #c04786 10%, #0000 90%)
}
body main section.tratamentos .tratamentos_area .tratamento_interno .tratamento_interno_texto h3 {
margin-bottom: 0.5rem;
font-weight: 700;
font-size: 1.3rem;
}
body main section.tratamentos .tratamentos_area .tratamento_interno .tratamento_interno_texto p {
line-height: 2;
}
body main section.tratamentos .tratamentos_area .tratamento_interno .slick-list.draggable, body main section.tratamentos .tratamentos_area .tratamento_interno .slick-track {
height: 100%;
}
body main section.tratamentos .tratamentos_area .tratamento_interno ul.slick-dots {
bottom: 0;
left: 0;
transform: translateY(-125%);
width: 100%;
}
body main section.tratamentos .tratamentos_area .tratamento_interno ul.slick-dots button {
background: #ffffff;
}
body main section.tratamentos .btn_trat {
margin-top: 2rem;
display: flex;
justify-content: center;
}
body main section.tratamentos .tratamentos_area .tratamento span.title {
font-size: 1.5rem;
}
section.effect_dots.tratamentos_0 .dots {
position: absolute;
top: 0;
left: 50%;
transform: translate(-50%, -50%);
}
body main section.beneficios_e_diferenciais {
padding: 8vw 0;
}
body main section.beneficios_e_diferenciais .content {
text-align: center;
color: #C04686;
}
body main section.beneficios_e_diferenciais .content h2 {
font-size: 2.625rem;
margin-bottom: 1.5rem;
}
body main section.beneficios_e_diferenciais .content .text {
font-size: 1.6875rem;
}
body main section.beneficios_e_diferenciais span.section {
text-align: center;
display: block;
color: #3F559F;
font-weight: 500;
padding-bottom: 1rem;
position: relative;
width: max-content;
margin: 0 auto 0.5rem;
}
body main section.beneficios_e_diferenciais span.section::after {
content: "";
width: 15vw;
height: 2px;
background: #C04686;
position: absolute;
bottom: 0;
left: 50%;
border-radius: 50px;
transform: translateX(-50%);
}
body main section.beneficios_e_diferenciais .beneficio {
padding: 1.5vw;
opacity: 0.25;
margin: 2rem 0;
}
body main section.beneficios_e_diferenciais .slick-track {
display: flex;
align-items: center;
}
body main section.beneficios_e_diferenciais .beneficio .borda {
border-radius: 40px;
border: 2px solid #ffffff;
padding: 25px;
}
body main section.beneficios_e_diferenciais .beneficio .content {
width: 100%;
height: 18.066667vw;
position: relative;
border-radius: 25px;
overflow: hidden;
display: flex;
align-items: flex-end;
}
body main section.beneficios_e_diferenciais .beneficio .txt{
opacity: 0;
}
body main section.beneficios_e_diferenciais .beneficio.slick-current .content{
height: 22.166667vw;
}
body main section.beneficios_e_diferenciais .beneficio .content img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
body main section.beneficios_e_diferenciais .beneficio .content.slick-current {
filter: grayscale(0);
}
body main section.beneficios_e_diferenciais .beneficio.slick-current {
filter: grayscale(0);
opacity: 1;
}
body main section.beneficios_e_diferenciais .beneficio.slick-current .borda {
transform: scale(1.14);
}
body main section.beneficios_e_diferenciais .beneficio.slick-current .txt {
z-index: 2;
background: linear-gradient(0deg, #c04686 43%, #0000 100%);
color: #fff;
padding: 1rem;
font-size: 1rem;
padding-top: 2rem;
opacity: 1;
}
body main section.beneficios_e_diferenciais .beneficio.slick-current .txt h2 {
font-size: 1.25rem;
font-weight: bold;
margin-bottom: 0.34rem;
}
body main section.beneficios_e_diferenciais .botao_beneficios {
display: flex;
align-items: center;
justify-content: center;
}
body main section.beneficios_e_diferenciais .slick-list.draggable {
cursor: grab;
}
body main section.beneficios_e_diferenciais .slick-list.draggable:active {
cursor: grabbing;
}
body main .slick-dots li button {
width: 0.625rem;
height: 0.625rem;
background: #3f559f;
border-radius: 50px;
opacity: 0.3;
}
body main .slick-dots li button:before {
display: none;
}
body main .slick-dots li.slick-active button {
opacity: 1;
}
body main section.formacao {
padding: 8vw 0;
position: relative;
}
body main section.formacao::after {
content: "";
background: url(//www.liandretta.com.br/wp-content/themes/cms/assets/img/linha_profissionais.png);
position: absolute;
right: 0;
bottom: 0;
transform: translateY(0);
width: 100%;
height: 140rem;
background-position: center;
background-size: cover;
background-color: #0000;
background-repeat: no-repeat;
z-index: -1;
}
body main section.formacao .coluna_texto > h2 {
color: #3F559F;
font-weight: 400;
font-size: 1.25rem;
margin-bottom: 1.5rem;
line-height: 1;
width: max-content;
position: relative;
}
body main section.formacao .coluna_texto > h2::before {
content: "";
background: url(//www.liandretta.com.br/wp-content/themes/cms/assets/img/linha_quemsomos.png) no-repeat top right/cover;
position: absolute;
right: 0;
bottom: 0;
transform: translateY(105%);
width: 30rem;
height: 15rem;
}
body main section.formacao .text {
font-size: 2.625rem;
color: #C04686;
}
body main section.formacao .profissional .profissional_img {
border: 3px solid #fff;
border-radius: 15px;
overflow: hidden;
height: 31vw;
}
body main section.formacao .profissional .profissional_img img {
position: relative;
width: 100%;
height: 100%;
}
body main section.formacao .profissional.profissional_0 .profissional_img {
float: right;
transform: translateY(-9rem);
display: flex;
justify-content: end;
}
body main section.formacao .profissional .profissional_text {
font-size: 1.25rem;
width: 50%;
line-height: 1.7;
color: #3F559F;
margin-top: 2rem;
}
body main section.formacao .profissional .profissional_text .btn {
margin-top: 1rem;
}
body main section.formacao .profissional .profissional_text strong {
color: #B64F8C;
}
body main section.formacao .profissional.profissional_1 {
display: flex;
width: 100%;
flex-wrap: wrap;
justify-content: space-between;
}
body main section.antes_e_depois {
padding: 8vw 0;
position: relative;
background: linear-gradient(0deg, #3F559F, #3f559f66 100%);
}
body main section.antes_e_depois .container {
z-index: 8;
position: relative;
}
body main section.antes_e_depois::after {
content: "";
background: url(//www.liandretta.com.br/wp-content/themes/cms/assets/img/linha_fundo_antesedepois.png);
position: absolute;
right: 0;
bottom: 50%;
transform: translateY(50%);
width: 100%;
height: 30rem;
background-position: center;
background-size: cover;
background-color: #0000;
background-repeat: no-repeat;
z-index: 0;
}
body main section.antes_e_depois .coluna_texto > h2 {
color: #3F559F;
font-weight: 400;
font-size: 1.25rem;
margin-bottom: 1.5rem;
line-height: 1;
width: max-content;
position: relative;
}
body main section.antes_e_depois .coluna_texto > h2::before {
content: "";
background: url(//www.liandretta.com.br/wp-content/themes/cms/assets/img/linha_quemsomos.png) no-repeat top right/cover;
position: absolute;
right: 0;
bottom: 0;
transform: translateY(105%);
width: 30rem;
height: 15rem;
}
body main section.antes_e_depois .content {
text-align: center;
color: #fff;
display: flex;
justify-content: center;
}
body main section.antes_e_depois .content h2 {
font-size: 2.625rem;
margin-bottom: 1.5rem;
}
body main section.antes_e_depois .content .text {
font-size: 1.6875rem;
}
body main section#antes_e_depois .slick-dots {
padding: 1rem 0;
bottom: 0;
transform: translateY(calc(100% + 1rem));
}
body main section#antes_e_depois .antesedepois_loop {
margin-bottom: calc(60px + 2rem) !important;
}
body main section.antes_e_depois a.img.swipebox {
display: inline-block;
position: relative;
margin: 0 1rem;
height: 20vw;
width: 50%;
border-radius: 2rem;
overflow: hidden;
}
body main section.antes_e_depois a.img.swipebox img {
width: 100%;
height: 100%;
}
body main section.antes_e_depois a.img.swipebox span {
position: absolute;
bottom: 4%;
left: 50%;
transform: translateX(-50%);
background: #C04686;
padding: 0.7rem 2rem;
border-radius: 5px 20px 20px 20px;
z-index: 3;
}
body main section.antes_e_depois a.img.swipebox::after {
content: "";
position: absolute;
width: 85%;
height: 85%;
left: 50%;
top: 50%;
border: 1px solid #fff;
border-radius: 2rem;
transform: translate(-50%, -50%);
}
body main section.antes_e_depois .area_do_btn {
display: flex;
justify-content: center;
}
body main section.antes_e_depois .slick-dots li button {
background: #ffffff;
}
body main section.depoimentos {
padding: 8vw 0;
overflow: hidden;
}
body main section.depoimentos .linha {
padding: 1rem;
border: 1px solid #4B5A95;
border-radius: 30px;
}
body main section.depoimentos > .container {
padding-left: 0;
margin-left: 0;
max-width: calc(100vw - (100vw - 1320px) / 2);
width: 85.15625vw;
}
body main section.depoimentos .colunatexto {
display: flex;
align-items: center;
justify-content: flex-end;
text-align: right;
}
body main section.depoimentos .colunatexto span.section {
font-size: 1.25rem;
color: #3F559F;
display: block;
position: relative;
width: max-content;
border-radius: 18px;
}
body main section.antes_e_depois .area_do_btn a.btn {
border: 1px solid #fff;
color: #fff !important;
}
body main section.depoimentos .colunaloop .depoimento .stars img {
transition: 400ms;
}
body main section.depoimentos .colunaloop .depoimento.slick-slide .img {
transition: 400ms;
}
body main section.depoimentos .colunaloop .depoimento.slick-slide .img:hover {
transform: scale(1.02);
}
body main section.depoimentos .colunaloop .depoimento .stars img:hover {
transform: translateY(-15%);
}
body main section.depoimentos .colunatexto span.section::before {
content: "";
background: url(//www.liandretta.com.br/wp-content/themes/cms/assets/img/depoimentos_effect.png) no-repeat top right/cover;
position: absolute;
left: 10px;
bottom: 0;
transform: translateY(93%) rotate(-5deg);
width: 30rem;
height: 15rem;
z-index: -1;
}
body main section.depoimentos .colunatexto h2 {
width: 100%;
margin: 2rem 0 1rem;
font-size: 2.3rem;
color: #C04686;
}
body main section.depoimentos .content {
display: flex;
justify-content: flex-end;
flex-wrap: wrap;
}
body main section.depoimentos .colunaloop .draggable {
padding-left: 30%;
}
body main section.depoimentos .colunaloop ul.slick-dots {
padding-left: 30%;
}
body main section.depoimentos .colunaloop .depoimento {
padding: 2rem;
height: inherit;
display: flex !important;
align-items: center;
}
body main section.depoimentos .colunaloop .depoimento .stars {
display: flex;
margin: 1rem auto 0;
}
body main section.depoimentos .colunaloop .depoimento .stars img {
margin: 0 0.2rem;
}
body main section.depoimentos .colunaloop .depoimento.slick-slide .content {
text-align: center;
position: relative;
background: #fff;
border-radius: 35px;
padding: 3rem 2rem;
}
body main section.depoimentos .colunaloop .depoimento.slick-slide .content::after {
content: "";
position: absolute;
top: 7%;
right: 7%;
height: 4rem;
width: 5rem;
background: url(//www.liandretta.com.br/wp-content/themes/cms/assets/img/aspas.png) no-repeat center center/cover;
}
body main section.depoimentos .colunaloop .depoimento.slick-slide span.nome {
display: block;
margin: 1rem 0;
font-size: 1.6875rem;
color: #3F559F;
font-weight: 600;
}
body main section.depoimentos .colunaloop .depoimento.slick-slide .img {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
}
body main section.depoimentos .colunaloop .depoimento.slick-slide p {
font-size: 1.25rem;
line-height: 1.7;
color: #707070;
}
body main section.depoimentos .colunaloop .img_letter {
line-height: 1;
border-radius: 50px;
background: #B64F8C;
height: 100px;
width: 100px;
color: #fff;
font-weight: bolder;
font-size: 3.375rem;
display: flex;
align-items: center;
justify-content: center;
}
body main section.depoimentos .colunaloop .slick-track {
display: flex;
}
body main section.cursos {
background: #3f559f73;
padding: 8rem 0;
position: relative;
}
body main section.cursos > img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0.2;
z-index: -1;
}
body main section.cursos .content {
text-align: center;
color: #fff;
}
body main section.cursos .content h2 {
font-size: 2.625rem;
margin-bottom: 1.5rem;
}
body main section.cursos .content .text {
font-size: 1.6875rem;
margin-bottom: 2rem;
line-height: 1.5;
}
body main section.cursos span.section {
text-align: center;
display: block;
color: #fff;
font-weight: 500;
padding-bottom: 1rem;
position: relative;
width: max-content;
margin: 0 auto 0.5rem;
}
body main section.cursos span.section::after {
content: "";
width: 15vw;
height: 2px;
background: #fff;
position: absolute;
bottom: 0;
left: 50%;
border-radius: 50px;
transform: translateX(-50%);
}
body main section.cursos .curso{
padding: 1rem;
}
body main section.cursos .curso.on {
cursor: pointer;
}
body main section.cursos .curso .content {
padding: 1.5rem;
display: flex;
justify-content: center;
flex-wrap: wrap;
flex-direction: column;
align-items: center;
background: #fff;
border-radius: 1.875rem;
min-height: 250px;
}
body main section.cursos .curso span.title {
color: #3F559F;
font-weight: 800;
margin: 1rem 0;
font-size: 1.125rem;
line-height: 1.4;
}
body main section.cursos .curso .text {
color: #707070;
font-size: 1.125rem;
line-height: 1.7;
}
body main section.cursos .curso.slick-slide.slick-current {
opacity: 1;
transition: 400ms;
}
section#Proximos_cursos .container-fluid {
padding: 0;
}
body main section#Proximos_cursos .area_do_botao {
margin-top: 2rem;
}
body main section.antes_e_depois a.img.swipebox img{
transition: 400ms;
}
body main section.antes_e_depois a.img.swipebox:hover img {
transform: scale(1.02);
}
body main section.cursos .curso.slick-slide:not(.slick-current) {
opacity: 0.2;
}
body main section.cursos .curso.slick-slide.slick-current:hover {
transform: scale(1.02);
}
section#Benefícios_e_Diferenciais .col-12 {
padding: 0;
}
body main section.contato {
padding: 10vw 0;
position: relative;
background-image: url(//www.liandretta.com.br/wp-content/themes/cms/assets/img/planodefundo_contato.png);
background-size: 100% 101%;
overflow: hidden;
}
body main section.contato .contato_area {
width: calc(100% - 15vw);
height: max-content;
padding: 2rem;
background: #fff;
border-radius: 25px;
display: block;
}
body main section.contato .contato_area a {
display: flex;
align-items: center;
line-height: 1.5;
}
body main section.contato .contato_area .contato_item {
margin-bottom: 1rem;
}
body main section.contato .contato_area .contato_item:last-child {
margin-bottom: 0;
}
body main section.contato .contato_area .contato_item svg {
width: 30px;
flex: 0 0 30px;
margin-right: 0.5rem;
}
body main section.contato .colunacontato {
display: flex;
align-items: center;
justify-content: center;
}
body main section.contato .form {
background: #fff;
padding: 2rem;
border-radius: 1.5625rem;
text-align: center;
}
body main section.contato .form .content {
text-align: center;
color: #3F559F;
}
body main section.contato .form .content h2 {
font-size: 2rem;
margin-bottom: 1rem;
color: #C04686;
}
body main section.contato .form .content .text {
font-size: 1.25rem;
margin-bottom: 2rem;
line-height: 1.4;
}
body main section.contato .form span.section {
text-align: center;
display: block;
color: #C04686;
font-weight: 500;
padding-bottom: 1rem;
position: relative;
width: max-content;
margin: 0 auto 0.5rem;
}
body main section.contato .form span.section::after {
content: "";
width: 5rem;
height: 2px;
background: #C04686;
position: absolute;
bottom: 0;
left: 50%;
border-radius: 50px;
transform: translateX(-50%);
}
body main section.contato .form .campos input, body main section.contato .form .campos textarea {
height: 3.5rem !important;
width: 94%;
margin-bottom: 1rem;
border: none;
border-bottom: 1px solid #CECECE;
}
body main section.contato .form .campos input::placeholder, body main section.contato .form .campos textarea::placeholder {
top: 0;
left: 0;
position: absolute;
font-size: 1rem !important;
}
body main section.contato .form .campos textarea {
height: 10rem !important;
}
body main section.contato .form .msg a {
color: #3F559F !important;
font-weight: 500;
text-decoration: underline;
}
body main section.contato .form .msg br {
display: none;
}
body main section.contato .form .msg {
padding: 0 5rem;
line-height: 1.4;
margin-bottom: 1rem;
}
body main section.contato .form span.wpcf7-spinner {
display: none;
}
body main section.contato .form .msg a:hover {
color: #3f559fa6 !important;
}
body main .modal button.close {
position: absolute;
top: 0;
right: 0;
background: #fff;
transform: translate(100%, -100%);
border-radius: 50px;
width: 3rem;
height: 3rem;
padding: 0;
font-size: 2rem;
}
body main .modal button.close:hover {
background: transparent;
}
body main .modal-content {
width: max-content;
height: max-content;
}
body main .modal-header {
padding: 0;
}
body main .modal-body {
padding: 0;
max-width: 80vw;
}
body main .modal-body img {
width: 100%;
height: 100%;
}
body main .modal .modal-dialog {
width: max-content;
height: auto;
}
body footer.footer {
color: #707070;
}
body footer.footer .titulo {
height: 1.5vw;
display: flex;
align-items: baseline;
margin-bottom: 2rem;
padding-bottom: 1rem;
padding-top: 1.5rem;
}
body footer.footer .titulo h2 {
font-size: 1.4375rem;
color: #3F559F;
font-weight: bold;
}
body footer.footer .logo {
margin-bottom: 1.25rem;
height: 4vw;
}
body footer.footer .logo img {
max-width: 100%;
max-height: 100%;
}
body footer.footer .description {
font-size: 1.25rem;
line-height: 1.7;
}
body footer.footer ul li {
margin: 1rem 0;
}
body footer.footer ul li a {
font-size: 1.25rem;
transition: 300ms;
}
body footer.footer ul li:hover a, body footer.footer ul li.current-menu-item a {
color: #C04686 !important;
}
body footer.footer .copyright .tudo {
position: relative;
text-align: center;
padding: 2rem 0 1.5rem;
margin-top: 2rem;
display: flex;
justify-content: center;
align-items: center;
}
body footer.footer .copyright .tudo img {
margin: 0 0.5rem !important;
}
body footer.footer .copyright .tudo br {
display: none;
}
body footer.footer .copyright .tudo span.default {
display: flex;
align-items: center;
}
body footer.footer .copyright p:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: calc(100% - 4rem);
height: 2px;
background: #4A7972;
}
body footer.footer .toUp {
position: absolute;
top: 0;
right: 0;
width: 3.5rem;
height: 3.5rem;
background: #3F559F;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
border-radius: 10px;
transform: translateY(-50%);
transition: 400ms;
}
footer a.wt-cli-manage-consent-link:hover {
color: #c04686 !important;
}
body footer.footer .toUp:hover {
transform: translateY(-50%) scale(1.03);
}
body footer.footer .coluna_copy {
position: relative;
}
body footer.footer .copyright .tudo {
border-top: 1px solid #c04686;
}
body footer.footer > .container {
padding-top: 4rem;
position: relative;
}
body footer.footer > .container::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: calc(100% - 5rem);
height: 1px;
background: #c04686;
}
body footer.footer .redes_sociais {
display: flex;
align-items: center;
margin-top: 1rem;
}
body footer.footer .redes_sociais svg {
width: 20px;
height: 20px;
margin: 0 1rem 0 0;
}
body footer.footer .redes_sociais svg path {
fill: #3f559f;
}
body footer.footer .redes_sociais svg:hover path {
fill: #c04686;
}
body footer.footer .footer-left {
padding-right: 5rem;
}
body footer.footer input {
background: transparent;
border: 1px solid #80808057;
padding: 0.7rem;
margin-bottom: 0.3rem;
width: 100%;
}
body footer.footer input.newsletter_btn {
width: 100%;
background: #c04686;
color: #fff !important;
border: 1px solid #C04686;
border-radius: 0;
padding: 1rem;
text-transform: uppercase;
font-weight: 700;
}
body footer.footer input.newsletter_btn:hover {
background: #c0468600;
border: 1px solid #c04686;
color: #c04686 !important;
}
body span.wpcf7-not-valid-tip {
display: none;
}
body .wpcf7-not-valid {
border-color: red !important;
}
body .wpcf7-not-valid::placeholder {
color: #f00;
}
body .modal-backdrop.show {
backdrop-filter: blur(7px);
opacity: 1;
background-color: #0000008f;
}
body main section#Proximos_cursos .area_do_botao {
display: flex;
justify-content: center;
}
body main section#Proximos_cursos .area_do_botao a.btn {
border-color: #fff;
color: #fff !important;
}
body main section#Proximos_cursos .area_do_botao a.btn:hover {
border-color: #47cf54;
}
.modal {
z-index: 99999999999;
}
body main .modal .modal-dialog {
width: 100%;
max-width: 70vw;
max-height: 85vh;
min-height: calc(100% - 16rem);
margin: 8rem auto;
}
body main .modal-content {
width: max-content;
height: 100%;
display: block;
position: absolute;
background: #0000;
border: none;
left: 50%;
transform: translateX(-50%);
}
body main .modal-body {
display: flex;
width: 100%;
height: 100%;
}
body main .modal.desc .modal-body .img-modal{
width: 50%;
display: flex;
justify-content: flex-end;
}
body main .modal.desc .modal-body .modal-desc{
width: 50%;
background: white;
padding: 20px;
display: flex;
flex-direction: column;
justify-content: center;
}
body main .modal.desc .modal-body .modal-desc h2{
font-size: 1.5rem;
margin-bottom: 15px;
}
body main .modal.desc .modal-body .modal-desc p{
font-size: 1.25rem;
margin: 10px 0; 
line-height: 1.7;
}
body main .modal-body img {
object-fit: contain;
}
body main .modal-header {
border: none;
}
body main section.quem_somos .linha_quemsomos .mvv .mvv_item.ativo {
color: #ffffff;
background: #C04686;
}
body main section.quem_somos .linha_quemsomos .mvv .mvv_item.ativo img {
filter: brightness(12);
}
body main section.contato::before {
content: '';
position: absolute;
top: 37%;
left: 0;
width: 100%;
height: 15rem;
background-image: url(//www.liandretta.com.br/wp-content/themes/cms/assets/img/efeito_contato_top.png);
background-size: 100% 100%;
transform: translateY(-75%) rotate(0deg);
z-index: -1;
}
body main section.contato::after {
content: '';
position: absolute;
top: 50%;
left: 0;
width: 100%;
height: 30rem;
background-image: url(//www.liandretta.com.br/wp-content/themes/cms/assets/img/efeito_contato_bottom.png);
background-size: 100% 100%;
transform: translateY(0%) rotate(-10deg);
z-index: -1;
}
section#antes_e_depois .slick-next:before,
section#antes_e_depois .slick-prev:before {
display: none;
}
section#antes_e_depois button.slick-next.slick-arrow:hover{
border: none !important;
}
body main section.antes_e_depois .area_do_btn a.btn:hover {
border: 1px solid #47cf78;
}
section.effect_dots.cursos_0 .dots {
position: absolute;
top: 0;
left: 50%;
transform: translate(-50%, -50%);
}
footer a.wt-cli-manage-consent-link {
font-size: 1.25rem;
transition: 300ms;
cursor: pointer;
}
footer .wpcf7-response-output {
margin: 0 !important;
padding: 1em !important;
line-height: 1.4;
}
body main section.contato .form .campos input, body main section.contato .form .campos textarea {
outline: none;
box-shadow: none;
}
body main section.contato .form .campos input:focus::placeholder {
top: 25%;
}
body main section.contato .form .campos input::placeholder {
transition: 400ms;
}
*:focus {
outline: none !important;
box-shadow: none !important;
}
div#cookie-law-info-bar {
z-index: 99999999999999;
padding: 20px 25px !important;
}
body main section.contato .contato_area .contato_item span.text:hover {
color: #c04686;
}
body main section.tratamentos .tratamentos_area .tratamento:hover {
background: #ffffffa6;
color: #c04686b5;
}
body main section.tratamentos .tratamentos_area .tratamento {
transition: 400ms;
}
body main section.tratamentos .tratamentos_area .tratamento:hover img {
filter: unset;
opacity: 0.5;
}
body main .modal button.close svg path {fill: #fff;}
body main .modal button.close {background: transparent;border: none;transform: translate(140%, -21%);}
body main section.tratamentos .tratamentos_area .slick-dots li {
width: 0.6rem;
height: 1.7rem;
}
body main section.depoimentos .colunaloop .content .content_for_mobile {
display: flex;
flex-direction: column;
}
.cursosloop .slick-track{
margin: 0 !important;
}
body main section.cursos .cursosloop.opacity-1 .curso.slick-slide:not(.slick-current) {
opacity: 1;
}
@media screen and (max-width: 1500px) {
:root {
font-size: 75%;
}
}
@media screen and (max-width: 1366px){
body main .modal-content {
height: 65vh;
}
}
@media screen and (max-width: 1199px) {
:root {
font-size: 65%;
}
body main section.main_banner {
height: calc(100vh - 20rem);
margin: 0;
}
body main section.main_banner .banner_info p {
font-size: 1.05rem;
}
body main section.main_banner .banner_info_img img {
height: 45vh;
}
body main section.quem_somos .img_quem_somos {
width: 85%;
}
body main section.quem_somos .img_quem_somos a {
width: 60%;
height: 27vw;
}
body main section.quem_somos .linha_quemsomos .mvv {
height: 19rem;
}
body main section.tratamentos .tratamentos_area .tratamento_interno ul.slick-dots {
transform: translateY(-85%);
}
body main section.beneficios_e_diferenciais .beneficio .content {
height: 20vw;
}
body main section.formacao .profissional .profissional_text {
font-size: 1.13rem;
}
body main section.antes_e_depois a.img.swipebox {
width: 45%;
}
body main section.antes_e_depois a.img.swipebox img {
width: 100%;
}
body main .profissional.profissional_1 .profissional_img {
margin-top: 2rem;
}
body main section.formacao .profissional {
padding-bottom: 5rem;
}
body main section.tratamentos .tratamentos_area .tratamento {
padding: 0.8rem 0 0.8rem 1rem;
}
body main section.quem_somos .img_quem_somos a {
width: 60%;
height: 20vw;
}
body main section.contato .contato_area {
width: calc(100% - 8vw);
}
body main section.depoimentos .colunatexto h2 {
width: 100%;
margin: 2rem 0 1rem;
font-size: 2.1rem;
color: #C04686;
}
}
@media screen and (max-width: 1024px){
body main .modal-content {
height: 50vh;
}
}
@media screen and (min-width: 991px) {
.mvv_item:hover .mvv_item_text {
-webkit-line-clamp: 30 !important;
}
}
@media screen and (max-width: 991px) {
:root {
font-size: 90%;
}
body {
margin-top: 15vw;
}
body .container {
max-width: 90%;
width: 100%;
}
body a.btn {
margin: 0 auto;
display: block;
width: max-content;
}
body header.header .menu_full .content {
width: 60%;
}
body header.header .balao_fb_inst {
display: none !important;
}
body header.header .whatsapp_contact {
display: none;
}
body main {
margin-top: 5rem;
}
body main section.main_banner {
height: calc(55vh - 5rem);
}
body main section.main_banner .banner_info h2 {
font-size: 3rem;
}
body main section.main_banner .banner_info_img img {
border-top-right-radius: 7rem;
width: 100%;
height: 45vw;
}
body main section.main_banner .banner_info_img::after {
width: 2rem;
height: 2rem;
}
body main section.main_banner .banner_info p {
font-size: 1.3rem;
line-height: 1.4;
}
body main section.main_banner .banner_info p br {
display: none;
}
body main section.quem_somos .linha_quemsomos .text p br {
display: none;
}
body main section.quem_somos .linha_quemsomos .text p {
font-size: 1.2rem;
line-height: 1.7;
}
body main section.quem_somos .img_quem_somos {
width: 100%;
}
body main section.quem_somos .img_quem_somos a {
height: 40vw;
width: 100%;
}
body main section.quem_somos .img_quem_somos > div {
width: 50% !important;
transform: unset !important;
padding: 3rem;
}
body main section.quem_somos .img_quem_somos div.down {
justify-content: flex-start;
}
body main section.quem_somos .linha_quemsomos .mvv .mvv_item_text {
font-size: 1.1rem;
}
body main section.quem_somos .linha_quemsomos .mvv .mvv_item_text span.title_mvv {
font-size: 1.2rem;
}
body main section.beneficios_e_diferenciais {
padding: 15vw 0 8vw;
}
body main section.beneficios_e_diferenciais .beneficio .content {
height: 35vw;
}
body main section.beneficios_e_diferenciais .beneficio.slick-current .content{
height: 40vw;
}
body main section.beneficios_e_diferenciais ul.slick-dots {
position: relative;
margin: 3rem 0 0;
bottom: 0;
}
body main section.formacao .profissional .profissional_img {
float: none !important;
transform: none !important;
width: 70%;
margin: 4rem auto 2rem;
justify-content: center !important;
}
body main section.formacao .col-md-12.coluna_texto {
text-align: center;
}
body main section.formacao .coluna_texto > h2 {
width: 100%;
}
body main section.formacao .coluna_texto > h2::before {
right: unset;
left: -20rem;
}
body main section.formacao .profissional .profissional_text {
width: 100%;
font-size: 1.25rem;
line-height: 1.7;
margin: 0;
}
body main section.formacao .profissional .profissional_img {
height: auto;
}
body main section.depoimentos {
padding: 15vw 0;
}
body main section.depoimentos .colunatexto {
margin: 4rem 0;
text-align: center;
}
body main section.depoimentos .colunatexto span.section {
width: 100%;
text-align: center;
}
body main section.depoimentos .colunatexto span.section::before {
transform: translateY(34%) rotate(165deg);
}
body main section.depoimentos .colunaloop .linha, body main section.depoimentos .colunaloop .content {
height: 100%;
}
body main section.depoimentos .colunaloop .content {
display: block;
}
body main section.depoimentos .colunaloop .depoimento .stars {
justify-content: center;
}
body main section.depoimentos > .container {
max-width: 90%;
width: 100%;
margin: 0 auto;
}
body main section.depoimentos section.contato .contato_area {
width: 100%;
}
body main section.depoimentos .row.linha_depoimentos {
display: flex;
flex-direction: column-reverse;
}
body main section.contato .contato_area {
margin-top: 2rem;
}
body main section.contato .form .msg {
padding: 0 13vw;
}
body main section.antes_e_depois a.img.swipebox {
height: 30vw;
}
body main section.antes_e_depois a.img.swipebox img {
object-fit: cover;
}
body main section.antes_e_depois a.img.swipebox span {
bottom: 1.5rem;
}
body footer.footer .logo {
height: 8vw;
}
body footer.footer > .container .row > div {
margin-bottom: 2rem;
}
body main .modal-content {
width: 100%;
}
body main .modal .modal-dialog {
max-width: 85vw;
max-height: max-content;
min-height: calc(100% - 30rem);
}
body main .modal-content {
width: max-content;
}
body main section.tratamentos .tratamentos_area .tratamento {
width: 100%;
}
body main section.tratamentos .tratamentos_area .tratamento_interno {
border-radius: 0;
margin: 0;
width: 100%;
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;
height: 0px;
transition: 400ms;
position: relative;
display: block;
padding: 0;
}
body main section.tratamentos .tratamentos_area .tratamento_interno img {
border-radius: 0;
}
body main section.tratamentos .tratamentos_area .tratamento_interno ul.slick-dots {
transform: translateY(-25%);
}
body main section.tratamentos .tratamentos_area .tratamento_interno.ativo {
display: block;
height: 280px;
}
body main section.tratamentos .tratamentos_area .tratamento.ativo {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
margin-bottom: -1px;
}
body main section.tratamentos .tratamentos_area .tratamento_interno .tratamento_interno_fundo {
border-radius: 0;
object-fit: cover;
}
body main section.tratamentos .tratamentos_area .tratamento:hover {
background: #ffffff;
color: #c04686;
}
body main section.tratamentos .tratamentos_area .tratamento:hover img {
opacity: 1;
}
body main section.depoimentos .colunaloop ul.slick-dots {
padding: 0;
}
body main section.cursos .curso.slick-slide:not(.slick-current) {
opacity: 1;
}
body main section.tratamentos .tratamentos_area .tratamento_interno img {
position: absolute;
z-index: -1;
object-fit: cover;
}
body main section.depoimentos .colunaloop .content .content_for_mobile {
height: max-content;
}
body main section.depoimentos .colunaloop .content {
display: flex;
align-items: center;
}
body main .modal-content {
height: 100%;
}
body main .modal-body {
flex-direction: column;
}
body main .modal.desc .modal-body .img-modal {
width: 100%;
}   
body main .modal.desc .modal-body .modal-desc {
width: 100%;
}
}
@media screen and (max-width: 580px) {
body main {
margin-top: 10rem;
}
body header.header .menu_full .content {
width: 90%;
}
body header.header .col_header_itens {
padding-right: calc(var(--bs-gutter-x) * 0.5);
padding-left: calc(var(--bs-gutter-x) * 0.5);
}
section.main_banner .row {
flex-direction: column-reverse;
justify-content: center;
align-items: center;
}
body main section.main_banner .banner_info_img img {
height: 60vw;
}
body main section.main_banner .banner_info_img {
justify-content: center;
}
.banner_info {
margin-top: 2rem;
}
body main section.main_banner {
height: max-content;
text-align: center;
}
body main section.quem_somos .linha_quemsomos .coluna_texto > h2 {
text-align: center;
width: 100%;
}
body main section.quem_somos .linha_quemsomos .coluna_texto > h2::before {
display: none;
}
body main section.quem_somos .linha_quemsomos .text h2 {
text-align: center;
}
body main section.quem_somos .linha_quemsomos .text h2 br {
display: none;
}
body main section.quem_somos .linha_quemsomos .text h3 {
text-align: center;
}
body main section.quem_somos .linha_quemsomos .text p {
text-align: center;
}
body main section.quem_somos .img_quem_somos > div {
padding: 1rem;
}
body main section.quem_somos .img_quem_somos {
margin-top: 3rem;
}
body main section.beneficios_e_diferenciais {
padding: 15vw 0;
}
body main section.beneficios_e_diferenciais .beneficio.slick-current .content {
height: 70vw;
}
body main section.antes_e_depois {
padding: 15vw 0;
}
body main section.beneficios_e_diferenciais .beneficio {
padding: 9vw;
}
body main section .text h2, body main section .content h2 {
font-size: 1.925rem !important;
}
section#quemsomos section.effect_dots.horizontal {
display: none;
}
body main section.depoimentos .row.linha_depoimentos {
display: flex;
flex-direction: column-reverse;
}
body main section.depoimentos .colunatexto {
margin-bottom: 1rem;
}
body footer.footer .toUp {
right: 10px;
}
body footer.footer .logo {
height: 10vw;
}
body main section.quem_somos .linha_quemsomos .mvv {
height: max-content;
flex-wrap: wrap;
}
body main section.quem_somos ul.slick-dots, body main section.tratamentos ul.slick-dots {
position: relative;
display: flex;
width: 100% !important;
justify-content: center;
}
section#quemsomos .text {
margin-bottom: 2rem;
}
body main section.tratamentos .tratamentos_area .tratamento_interno ul.slick-dots {
transform: translateY(-100%);
}
body main section.main_banner .banner_info_img img {
height: 80vw;
}
body main section.main_banner + section.effect_dots {
margin-top: 3rem;
}
body main section.quem_somos .linha_quemsomos {
margin: 3rem 0;
}
body main section.depoimentos .colunaloop .depoimento {
padding: 0 0.3rem;
}
body main section.depoimentos .colunaloop .depoimento.slick-slide .content::after {
height: 3rem;
width: 3rem;
}
body main section.depoimentos .colunaloop .depoimento.slick-slide .content {
padding: 1rem 1rem;
}
body main section.depoimentos .colunaloop .depoimento.slick-slide .content .txt p {
font-size: 0.9rem !important;
}
body main section.depoimentos .colunaloop .img_letter {
height: 65px;
width: 65px;
font-size: 2rem;
}
body main section.depoimentos .colunatexto span.section::before {
display: none;
}
body main section.depoimentos .colunatexto {
margin-top: 0rem;
}
body main section.cursos {
padding: 5rem 0;
}
body main section.cursos .content .text {
font-size: 1.3875rem;
}
body main section .text h2, body main section .content h2 {
font-size: 1.725rem !important;
}
body main section.contato .contato_area {
width: 100%;
margin-bottom: 2rem;
}
body main section.contato .form .msg {
padding: 0;
}
body main section.antes_e_depois a.img.swipebox {
border-radius: 1rem;
overflow: hidden;
}
body footer.footer .copyright .tudo {
display: flex;
flex-direction: column;
}
body footer.footer .copyright span.dinamico span {
display: none;
}
body footer.footer .copyright .tudo span.default,
body footer.footer .copyright .tudo span.dinamico {
font-size: 0.78rem;
}
body footer.footer .copyright .tudo img {
height: 20px;
}
body footer.footer .copyright .tudo {
padding: 15px;
}
body footer.footer .copyright .tudo span.dinamico {
margin-bottom: 0.4rem;
}
body main section.formacao::after {
display: none;
}
body main section.quem_somos .img_quem_somos div.up a {
border-radius: 4rem 1rem 1rem 1rem;
}
body main section.quem_somos .img_quem_somos div.down a {
border-radius: 1rem 1rem 4rem 1rem;
}
body main section.antes_e_depois .content {
flex-direction: column;
}
body main section.antes_e_depois .content a {
width: 100% !important;
margin: 0 0 2rem !important;
height: 40vw !important;
}
body main .modal button.close {
transform: translate(0%, -125%);
}
body main .modal .modal-dialog {
display: flex;
margin: 0 auto;
width: 90%;
justify-content: center;
}
body main section.quem_somos .linha_quemsomos .mvv .mvv_item_text {
max-height: max-content;
}
body main .modal-content {
width: 100%;
position: relative;
margin-top: 5rem;
}
.banner_info {
width: 100%;
}
body main section.main_banner .banner_info h2 {
font-size: 2.4rem;
}
body header.header .header__logo {
width: 80%;
display: flex;
}
body header.header .header__logo img {
width: 100%;
height: 100%;
object-fit: contain;
}
body main section.quem_somos .img_quem_somos div.up{
justify-content: flex-start;
width: 100% !important;
padding: 0;
}
body main section.quem_somos .img_quem_somos div.down {
justify-content: flex-end;
width: 100% !important;
padding: 0;
}
body main section.quem_somos .img_quem_somos div.up a {
height: 60vw;
width: 58% !important;
transform: translateY(10%);
}
body main section.quem_somos .img_quem_somos div.down a {
height: 60vw;
width: 58% !important;
transform: translateY(-10%);
}
body main section.tratamentos .tratamentos_area .tratamento_interno .tratamento_interno_texto p {
font-size: 0.8rem;
}
body main section.tratamentos .tratamentos_area .tratamento_interno .tratamento_interno_texto {
position: relative;
padding: 1rem;
z-index: 18;
top: 0;
margin-bottom: 2rem;
}
body main section.tratamentos .tratamentos_area .tratamento_interno .tratamento_interno_fundo {
display: flex;
align-items: flex-end;
height: 100%;
}
body main section.tratamentos .tratamentos_area .tratamento_interno .slick-track {
display: flex;
}
body main section.tratamentos .tratamentos_area .tratamento_interno img {
position: absolute;
z-index: -1;
object-fit: cover;
}
body main section.tratamentos .tratamentos_area .tratamento_interno.ativo {
height: 350px;
}
body main section.tratamentos .tratamentos_area .tratamento span.title {
font-size: 1rem;
}
body main section.quem_somos {
padding: 4rem 0 0rem 0;
}
body main section.quem_somos {
padding: 4rem 0 0rem 0;
}
body main section.beneficios_e_diferenciais ul.slick-dots {
margin: 0rem 0 0;
}
body main section.formacao .profissional {
padding-bottom: 1rem;
}
body main section#antes_e_depois .antesedepois_loop {
margin-bottom: calc(60px + 2rem) !important;
}
body main section.depoimentos .colunaloop ul.slick-dots {
bottom: 0;
position: relative;
margin-top: 2rem;
}
body main section.depoimentos {
padding: 15vw 0;
}
body main section.depoimentos > .container {
padding-left: var(--bs-gutter-x,.75rem);
}
body main section.contato {
padding: 16vw 0;
}
body main section.beneficios_e_diferenciais .beneficio {
margin: 0 0 2rem 0;
}
body main section.antes_e_depois a.img.swipebox span {
bottom: 0.3rem;
}
body main section.antes_e_depois a.img.swipebox::after {
height: 85%;
}
body main section.antes_e_depois .content a {
height: 60vw !important;
}
body header.header .menu_full.active .content {
overflow: auto;
}
body main section.main_banner .banner_info_img img {
width: auto;
height: 65vw;
}
body main section.main_banner .banner_info h2 {
font-size: 2rem;
margin-bottom: 0.8rem;
}
body main section.main_banner .banner_info p {
font-size: 1rem;
line-height: 1.4;
}
#swipebox-overlay {
z-index: 999999999999999 !important;
}
body main section.tratamentos .tratamentos_area .slick-dots li {
width: 0.2rem;
height: 1.2rem;
margin: 0 5.3px;
}
body main .modal-body {
max-width: 100vw;
}
}
@media screen and (max-width: 320px){
body main section.tratamentos .tratamentos_area .tratamento_interno .tratamento_interno_texto p {
font-size: 0.8rem;
line-height: 1.6;
}
body main section.tratamentos .tratamentos_area .tratamento_interno .tratamento_interno_texto h3 {
font-size: 1rem;
}
body main section.tratamentos .tratamentos_area .tratamento_interno.ativo {
height: 388px;
}
body main section.tratamentos .tratamentos_area .tratamento_interno img {
position: absolute;
z-index: -1;
object-fit: cover;
}
body main section.beneficios_e_diferenciais .beneficio.slick-current .txt {
font-size: 0.8rem;
padding: 1rem 0.5rem;
}
}