/* Variables */

:root{

	--main-color: #093C71;
	--accent-color: #DBB7BB;

}

/* Fonts */

@font-face{

	src: url("../assets/fonts/bavicka.otf");
	font-family: 'Bavicka';

}

@font-face{

	src: url("../assets/fonts/GenBasR.ttf");
	font-family: 'Gentium Basic';

}

@font-face{

	src: url("../assets/fonts/GenBkBasR.ttf");
	font-family: 'Gentium Book Basic';

}

/* Default Behavior */

body, html{margin: 0; font-family: 'Comfortaa'; scroll-behavior: smooth;}

h1{font-family: Bavicka; font-size: 2.5rem; line-height: 1.2em; font-weight: 400;}
h2{font-size: 1.5rem; font-weight: 400;}
h3{font-size: 2.5rem; font-family: 'Gentium Basic';}
h5{font-family: 'Gentium Book Basic'; font-size: 1.375rem; font-weight: 700;}

main{gap: 80px;}

a{text-decoration: none; color: inherit; transition: all .3s ease;}
button{cursor: pointer;}

img, iframe, svg{max-width: 100%; vertical-align: bottom;}

wm-slider[draggable]{scroll-snap-type: x mandatory;}
wm-slider[draggable] > *{scroll-snap-align: center;}

*{box-sizing: border-box; margin: 0; border: 0; background-color: initial;}

/* Helper Classes */

.content{width: 1000px; max-width: 90vw; margin: auto;}

:where(.row, .grid, .column){display: flex; gap: inherit;}
:where(.column){flex-direction: column;}
:where(.grid){display: grid;}

.grid.layered > *,
.grid.layered:before,
.grid.layered:after{grid-column: 1; grid-row: 1;}

*:not(.grid):has(> svg){display: flex;}

.glassmorfism{background: linear-gradient(91.18deg, rgba(221, 238, 255, 0.2) 0.12%, rgba(124, 188, 255, 0.2) 100%); box-shadow: 16px 16px 20px 0px #052B5226; backdrop-filter: blur(20px);}

.btn{color: #000; background-color: transparent; border: 2px solid; padding: 12px 24px; border-radius: 12px; font-weight: 700; align-items: center; cursor: pointer; transition: all .3s ease;}
.btn:hover, a:not(#backLink):hover{transform: scale(0.9);}

section:has(.detail){position: relative;}
.detail{position: absolute; z-index: -1;}
.detail svg{width: 100vw; height: auto;}

article header.default{gap: 1px 6px;}
article header.default .profileImage{background: linear-gradient(91.18deg, rgba(221, 238, 255, 0.2) 0.12%, rgba(124, 188, 255, 0.2) 100%); border-radius: 50%; width: 48px; aspect-ratio: 1;}
article header.default .rating{gap: 0;}

.sliderControls{gap: 14px; justify-content: center;}
.sliderControls wm-slider-trigger{display: flex; width: 26px; aspect-ratio: 1; align-items: center; justify-content: center; border: 1px solid; color: var(--accent-color); background-color: var(--accent-color); border-radius: 8px;}
.sliderControls wm-slider-trigger:not(:is([slide-to="left"], [slide-to="right"])){background-color: #fff; color: #D9D8D6;}
.sliderControls wm-slider-trigger:not(:is([slide-to="left"], [slide-to="right"])):before{content: attr(slide-to);}
wm-slider:has(:first-child[active]) + .sliderControls wm-slider-trigger[slide-to="left"],
wm-slider:has(:last-child[active]) + .sliderControls wm-slider-trigger[slide-to="right"]{background-color: #fff; pointer-events: none;}
.sliderControls wm-slider-trigger[slide-to="left"] svg{transform: rotateZ(180deg);}
wm-slider:has(:first-child[active]) + .sliderControls wm-slider-trigger[slide-to="left"] svg path,
wm-slider:has(:last-child[active]) + .sliderControls wm-slider-trigger[slide-to="right"] svg path{stroke: var(--accent-color);}

.fieldGroup{border-radius: 12px; border: 2px solid #0F1924;}
.fieldGroup:not(.glassmorfism){background-color: #fff;}
.fieldGroup :is(input, select){padding: 18px 82px 18px 25px; appearance: none; font-family: Comfortaa; color: inherit; font-size: 1rem; width: 100%;}
.fieldGroup :is(input, select)::-webkit-input-placeholder{color: inherit; font-family: Comfortaa;}
.fieldGroup :is(input, select)::-webkit-calendar-picker-indicator{display: none !important;}
.fieldGroup :is(i, button){font-size: 32px; width: 32px; aspect-ratio: 1; place-self: center end; margin-right: 24px;}
.fieldGroup i{pointer-events: none;}
.fieldGroup select option{color: #000;}

a#floatingWpp{padding: 5px; background-color: #4DC247; position: fixed; bottom: 40px; right: 50px; border-radius: 50%; box-shadow: 0px 1px 7px 0px #88888866; z-index: 10;}

/* Custom List */

.listGroup{position: relative;}

.listGroup .listWrapper{position: absolute; transform: translateY(-50%); width: 300px; z-index: 10; top: 50%; left: calc(100% + 20px); user-select: none; display: none;}
.listGroup:has(input:focus-visible) .listWrapper,
.listGroup .listWrapper:hover{display: block;}
.listGroup .listWrapper:before{content: ''; position: absolute; top: 50%; right: calc(100% - 2px); clip-path: polygon(0 0, 1px 100%, 100% 1px); transform: translate(50%, -50%) rotate(315deg); background-color: #fff; width: 20px; height: 20px; border: 2px solid #D9D8D6;}

.listGroup .customList{overflow: auto; gap: 0; max-height: clamp(400px, 60vh, 60vh); min-height: 50px; padding: 10px; border: 2px solid #D9D8D6; border-radius: 12px; background-color: #fff; color: #000;}
.listGroup .customList::-webkit-scrollbar{background-color: transparent; width: 10px; border-radius: 100vw;}
.listGroup .customList::-webkit-scrollbar-thumb{border: 3px solid #fff; background-color: #D9D8D6; border-radius: 100vw;}
.listGroup .customList > *{padding: 15px 0; cursor: pointer; border-top: 1px solid #D9D8D6;}
.listGroup .customList > *:last-child{border-bottom: 1px solid #D9D8D6;}
.listGroup .customList .noMatch{display: none;}

/* Cookies */

section#cookies{position: fixed; bottom: 50px; left: 10vw; right: 10vw; padding: 24px 110px; background-color: #fff; border: 2px solid #0F1924; border-radius: 12px; justify-content: space-between; align-items: center;}
section#cookies h3{font-size: 1.25rem;}
section#cookies p{font-size: 0.75rem;}
section#cookies .controls{gap: 10px;}
section#cookies .controls .btn{font-family: 'Gentium Book Basic';}
section#cookies .controls button.btn{border: initial; color: #fff; background-color: var(--accent-color);}

/* Modalidades */

#modalidades{gap: 22px;}
#modalidades label{align-items: center; gap: 10px; cursor: pointer; border-radius: 12px; aspect-ratio: 1; width: 120px; justify-content: center; user-select: none;}
#modalidades label:has(input:checked){box-shadow: 16px 16px 20px 0px #052B5226; background: var(--main-color); color: #fff;}
#modalidades label:has(input:checked) svg{filter: invert(1);}
#modalidades label p{font-style: italic; font-family: "Gentium Book Basic";}

/* Search Form */

form#searchForm #modalidades label:first-child svg path{fill: #000;}
form#searchForm #modalidades label:last-child svg path{stroke: #000;}
form#searchForm .localidades{align-items: center; gap: 12px;}
form#searchForm .localidades button.btn{flex: 1 0 auto; color: #000; padding: 12px;}
form#searchForm .localidades button.btn p{font-size: 1rem;}
form#searchForm .localidades button.btn i{width: 26px;}
form#searchForm .localidades button.btn i svg path{fill: #000;}
form#searchForm .localidades a.btn{flex: 1 0 auto; color: #000; padding: 12px;}
form#searchForm .localidades a.btn p{font-size: 1rem;}
form#searchForm .localidades a.btn i{width: 26px;}
form#searchForm .localidades a.btn i svg path{fill: #000;}

/* Gray Content */

#grayContent{padding: 16px 0 124px;}
#grayContent header{gap: 50px;}
#grayContent section.content{gap: 20px; padding: 30px; background: #f4f3f3; border-radius: 36px; font-size: 0.875rem; line-height: 1.563rem;}
#grayContent section.content .timeInfo{gap: 8px; align-items: center; font-size: 0.75rem;}
#grayContent section.content .timeInfo span{width: 35px; height: 1px; background-color: #c4c4c4;}
#grayContent section.content section.share{gap: 24px;}
#grayContent section.content section.share a.btn{color: var(--main-color);}
#grayContent section.content section.share a.btn:first-child path{fill: var(--main-color);}

/* About */

section#about .content{gap: 12px;}
section#about .content .column{gap: 40px 64px;}
section#about .intro{align-items: center;}
section#about .intro .column{font-weight: 700; gap: 12px;}
section#about .diferenciais{gap: 24px;}
section#about .diferenciais article.column{padding: 24px; align-items: center; text-align: center; border: 2px solid var(--main-color); border-radius: 24px; gap: 15px; background-color: #fff;}
section#about .diferenciais article.column svg path{fill: var(--main-color);}
section#about .diferenciais article.column p{font-size: 0.875rem;}

/* Main Form */

form#mainForm{padding: 80px 140px; border-radius: 36px; border: 3px solid #D9D8D6; gap: 25px; }
form#mainForm label{flex: 1 1 100%; gap: 8px;}
form#mainForm label p{font-family: 'Gentium Book Basic'; color: rgb(33 33 33 / 70%); font-weight: 700;}
form#mainForm label :is(input, textarea, select){font-family: 'Comfortaa'; font-size: 0.875rem; padding: 12px 16px; border: 2px solid #D9D9D9; border-radius: 8px; width: 100%;}
form#mainForm label textarea{resize: none; height: 170px;}
form#mainForm button.btn{background-color: #DBB7BB; color: #fff; padding: 12px 16px; border: initial;}

/* Header */

header#mainHeader{padding: 30px 0; z-index: 10; position: relative; color: #fff; background-color: var(--main-color);}
header#mainHeader nav#menu{gap: 20px; align-items: center;}
header#mainHeader nav#menu a{font-weight: 700; font-size: 0.875rem;}
header#mainHeader nav#menu a.btn{background-color: var(--accent-color); font-family: 'Gentiun Book Basic'; border: initial; color: #fff;}
header#mainHeader .content{width: 1200px; align-items: center; justify-content: space-between;}

/* Home */

body:has(main#home) header#mainHeader{margin-bottom: -116px; background-color: transparent;}

	/* Banner */

main#home section#banner{--actual-padding: 80px; position: relative; padding: calc(116px + var(--actual-padding)) 0 var(--actual-padding); color: #fff; min-height: 720px;}
main#home section#banner:before{content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: url(../assets/images/home/banner.jpg) no-repeat top center / cover, rgb(9 60 113 / 95%); background-blend-mode: multiply; opacity: 0.9; z-index: -1;}
main#home section#banner form#searchForm .fieldGroup{color: #fff; box-shadow: 16px 16px 20px 0px #052B5226; border: initial;}
main#home section#banner form#searchForm .fieldGroup:not(.glassmorfism){background-color: var(--main-color);}
main#home section#banner form#searchForm .fieldGroup i svg path{fill: #fff;}
main#home section#banner form#searchForm #modalidades label:has(input:checked){background: linear-gradient(91.18deg, rgba(221, 238, 255, 0.2) 0.12%, rgba(124, 188, 255, 0.2) 100%); backdrop-filter: blur(20px);}
main#home section#banner form#searchForm #modalidades label:has(input:checked) svg{filter: initial;}
main#home section#banner form#searchForm #modalidades label:first-child svg path{fill: #fff;}
main#home section#banner form#searchForm #modalidades label:last-child svg path{stroke: #fff;}
main#home section#banner form#searchForm .localidades button.btn{color: #fff;}
main#home section#banner form#searchForm .localidades button.btn i svg path{fill: #fff;}
main#home section#banner form#searchForm .localidades a.btn{color: #fff;}
main#home section#banner form#searchForm .localidades a.btn i svg path{fill: #fff;}
main#home section#banner .content{gap: 80px;}
main#home section#banner .body{gap: 24px; align-items: start;}
main#home section#banner .body a.btn{color: #fff;}
main#home section#banner .body a.btn path{fill: #fff;}

	/* Posts */

main#home section#posts .content{gap: 40px 24px;}
main#home section#posts article{gap: 15px; padding: 24px; border: 2px solid var(--main-color); border-radius: 24px; align-items: center; background-color: #fff;}
main#home section#posts article p{font-size: 0.875rem;}
main#home section#posts a:not(:has(article)){margin: auto; color: var(--main-color); text-decoration: underline;}

	/* Steps */

main#home section#steps{counter-reset: steps;}
main#home section#steps .content{gap: 24px;}
main#home section#steps .row{flex-wrap: wrap; justify-content: center;}
main#home section#steps article{width: calc(100%/3 - 2*24px/3); padding: 24px; align-items: center; text-align: center; border: 2px solid var(--main-color); border-radius: 24px; counter-increment: steps; gap: 15px; background-color: #fff;}
main#home section#steps article:before{content: counter(steps); font-size: 3rem; font-family: 'Bavicka'; font-weight: 400;}

	/* Depositions */

main#home section#depositions .content{gap: 24px;}
main#home section#depositions wm-slider{--indexed-element-amount: 3;}
main#home section#depositions wm-slider:before,
main#home section#depositions wm-slider:after{display: none;}
main#home section#depositions .articleWrapper{padding: 0 12px;}
main#home section#depositions article{padding: 40px 24px; gap: 32px; background-color: #fff; border: 2px solid #D9D8D6; border-radius: 24px;}
main#home section#depositions article p{}

	/* FAQ */

main#home section#faq{padding: 0 0 50px;}
main#home section#faq .content{gap: 67px;}
main#home section#faq .content .column{gap: 24px;}

main#home section#faq details{padding: 15px 39px; border: 3px solid #D9D8D6; border-radius: 14px;}
main#home section#faq details summary{align-items: center; justify-content: space-between; cursor: pointer;}
main#home section#faq details summary i{display: flex; width: 50px; aspect-ratio: 1; align-items: center; justify-content: center; border-radius: 50%; transition: all .3s ease; flex: 0 0 50px;}
main#home section#faq details summary p{font-size: 1.375rem; font-family: 'DM Sans'; font-weight: 500;}
main#home section#faq details > p{padding-top: 6px; width: 78%; font-size: 1.125rem; line-height: 1.667em; font-family: 'DM Sans';}

main#home section#faq details[open]{border-color: var(--main-color); transition: all .3s ease;}
main#home section#faq details[open] summary i{background-color: var(--main-color);}
main#home section#faq details:not([open]) summary i{transform: rotate(-90deg);}
main#home section#faq details:not([open]) summary i svg path{fill: var(--main-color);}

	/* Health Pro */

main#home section#healthPro{padding: 50px 0 50px;}
main#home section#healthPro .content{align-items: center; gap: 20px; text-align: center;}
main#home section#healthPro h3{font-family: Bavicka; font-size: 3rem;}
main#home section#healthPro p{font-size: 1.5rem; font-weight: 700;}

/* Perfil Profissional */

	/* Hero */

main#profissional section#hero{padding: 16px 0 85px;}
main#profissional section#hero .content{grid-template-columns: 6fr 4fr; gap: 50px 40px; grid-template-areas: "backlink backlink" "title img" "form img";}
main#profissional section#hero a#backLink{grid-area: backlink;}
/*main#profissional section#hero .textSide{gap: 95px;}*/
main#profissional section#hero header{gap: 10px; grid-area: title;}
main#profissional section#hero .body{gap: 24px; align-items: start; grid-area: form; align-items: start;}
main#profissional section#hero img{grid-area: img;}

	/* Biography */

main#profissional section#biography{padding-bottom: 190px;}
main#profissional section#biography .content{gap: 40px;}
main#profissional section#biography .content .column{gap: 12px;}
main#profissional section#biography .content .socials{gap: 24px;}
main#profissional section#biography .content .socials a.btn{color: var(--main-color);}

/* Agendamento */

	/* Header */

main#agendamento header#pageHeader{padding-top: 90px;}
main#agendamento header#pageHeader .content{gap: 40px;}
main#agendamento header#pageHeader h1{font-size: 3rem; font-family: 'Gentium Book Basic';}
main#agendamento header#pageHeader form#searchForm{gap: 24px;}
main#agendamento header#pageHeader form#searchForm .fieldGroup{border: 0; background-color: var(--main-color); color: #fff; flex: 0 1 100%;}

	/* Results */

main#agendamento section#results .detail{top: initial; bottom: -5vh;}
main#agendamento section#results .content{gap: 40px; padding-bottom: 200px;}
main#agendamento section#results .grid{grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 25px 20px;}
main#agendamento section#results .grid article{align-items: center; border: 2px solid #D9D8D6; padding: 40px 25px; border-radius: 24px; gap: 37px; background-color: #fff;}
main#agendamento section#results .grid article > a{color: var(--main-color);}
main#agendamento section#results .grid article > a:not(.btn){text-decoration: underline;}
main#agendamento section#results .grid article > a.btn{gap: 25px;}
main#agendamento section#results .grid article > a.btn svg path{fill: var(--main-color);}
main#agendamento section#results .grid article .socials a{display: flex; width: 32px; aspect-ratio: 1; background-color: #000; border-radius: 50%; align-items: center; justify-content: center;}
main#agendamento section#results .grid article .socials{gap: 30px;}

/* Blogs */

	/* Header */

main#artigos header#pageHeader{padding: 85px 0 75px;}
main#artigos header#pageHeader .content{gap: 40px;}
main#artigos header#pageHeader .fieldGroup{width: 615px; max-width: 100%;}
main#pesquisa header#pageHeader{padding: 85px 0 75px;}
main#pesquisa header#pageHeader .content{gap: 40px;}
main#pesquisa header#pageHeader .fieldGroup{width: 615px; max-width: 100%;}

	/* Article List */

main#artigos section#articleList{padding-bottom: 225px;}
main#artigos section#articleList .content{grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px;}
main#artigos section#articleList article{gap: 15px; background-color: #FFFFFF; border: 2px solid #093C71; padding: 24px; border-radius: 24px;}
main#artigos section#articleList article .profileImage{width: 125px; flex: 1 0 auto; border-radius: 12px; overflow: hidden;}
main#artigos section#articleList article header{align-items: center;}

main#pesquisa section#articleList{padding-bottom: 225px;}
main#pesquisa section#articleList .content{grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px;}
main#pesquisa section#articleList article{gap: 15px; background-color: #FFFFFF; border: 2px solid #093C71; padding: 24px; border-radius: 24px;}
main#pesquisa section#articleList article .profileImage{width: 125px; flex: 1 0 auto; border-radius: 12px; overflow: hidden;}
main#pesquisa section#articleList article header{align-items: center;}

/* Sobre */

	/* About */

main#sobre section#about{padding: 16px 0 124px;}
main#sobre section#about a#backLink{margin-bottom: 45px;}
main#sobre section#about section.column{padding-top: 38px; gap: 24px;}
main#sobre section#about section.column .column{gap: 12px;}

/* Trabalhe Conosco */

	/* Page Header */

main#trabalhe-conosco header#pageHeader{padding-top: 80px;}
main#trabalhe-conosco header#pageHeader .content{align-items: center; gap: 40px 62px;}
main#trabalhe-conosco header#pageHeader .text{gap: 12px;}

	/* Form */

main#trabalhe-conosco section#form{padding-bottom: 200px;}
main#trabalhe-conosco section#form form#mainForm label.btn{color: rgb(15 25 36 / 70%); flex: initial; padding: 12px 16px; border: 1px solid #D9D8D6; gap: 12px;}
main#trabalhe-conosco section#form form#mainForm .controls{justify-content: space-between; align-items: center;}

/* Fale Conosco */

	/* Form */

main#contato section#form{gap: 70px; padding: 70px 0 200px;}
main#contato section#form h1{text-align: center;}

/* Login */

	/* Form */

main#conta section#form{padding: 70px 0 200px;}
main#conta section#form .content{gap: 70px; align-items: center;}
main#conta section#form form#mainForm{padding: 80px 40px; width: 420px; max-width: 100%;}
main#conta section#form form#mainForm a{font-size: 0.875rem; color: rgb(33 33 33 / 70%); text-decoration: underline;}
main#conta section#form form#mainForm a.default{color: var(--main-color); align-self: center;}

main#conta .row {display: flex;flex-direction: row;gap: 20px;}

/* Cadastre-se */

	/* About */

main#cadastre-se section#about{padding-top: 70px;}
main#cadastre-se section#about .content.column{align-items: center; text-align: center; gap: 48px;}
main#cadastre-se section#about .column{gap: 10px; align-items: center;}
main#cadastre-se section#about .column a.btn{background-color: var(--accent-color); font-family: 'Gentiun Book Basic'; border: initial; color: #fff;}
main#cadastre-se section#about p{color: rgb(15 25 36 / 70%);}
main#cadastre-se section#about p.box{padding: 40px 24px; border: 2px solid #D9D8D6; border-radius: 24px; font-weight: 700; font-size: 1.25rem; text-align: left;}

	/* Why Register */

main#cadastre-se section#whyRegister .content{align-items: center; gap: 24px;}
main#cadastre-se section#whyRegister .grid{grid-template-columns: repeat(4, 1fr);}
main#cadastre-se section#whyRegister .grid article{align-items: center; gap: 15px; padding: 24px; border: 2px solid var(--main-color); border-radius: 24px;}
main#cadastre-se section#whyRegister .grid article h5{text-align: center;}
main#cadastre-se section#whyRegister .grid article p{color: rgb(15 25 36 / 70%);}

	/* How It Works */

main#cadastre-se section#howItWorks{align-items: center; gap: 24px 12px; text-align: center;}
main#cadastre-se section#howItWorks .grid{grid-auto-columns: minmax(0, 1fr); grid-auto-flow: column; counter-reset: article;}
main#cadastre-se section#howItWorks article{padding: 24px; border: 2px solid var(--main-color); border-radius: 24px; color: #0F1924; font-family: 'Gentium Book Basic'; counter-increment: article;}
main#cadastre-se section#howItWorks article:before{content: counter(article); font-family: 'Bavicka'; font-size: 3rem; line-height: 1; color: var(--main-color);}

	/* FAQ */

main#cadastre-se section#FAQ .content{gap: 24px;}
main#cadastre-se section#FAQ .content .column{counter-reset: questions;}
main#cadastre-se section#FAQ details{padding: 10px 40px; border: 3px solid #D9D8D6; counter-increment: questions; border-radius: 24px; user-select: none; cursor: pointer; transition: all .3s ease;}
main#cadastre-se section#FAQ details[open]{border-color: var(--main-color);}
main#cadastre-se section#FAQ details summary.grid{grid-template-columns: 1fr max-content; align-items: center; padding-bottom: 6px;}
main#cadastre-se section#FAQ details summary.grid h5{font-size: 1.25rem; font-weight: 500; color: #0F1924;}
main#cadastre-se section#FAQ details summary.grid h5:before{content: counter(questions) ". ";}
main#cadastre-se section#FAQ details summary.grid .arrow{width: 50px; aspect-ratio: 1; background-color: #fff; box-shadow: 0px 5px 16px 0px #080F340F; border-radius: 50%; display: flex; justify-content: center; align-items: center; transition: all .3s ease;}
main#cadastre-se section#FAQ details summary.grid .arrow:before{content: ''; width: 15px; aspect-ratio: 1; border: 2px solid var(--main-color); border-width: 2px 2px 0 0; rotate: 45deg; translate: -25% 0;}
main#cadastre-se section#FAQ details[open] summary.grid .arrow{background-color: var(--main-color); rotate: 90deg}
main#cadastre-se section#FAQ details[open] summary.grid .arrow:before{border-color: #fff;}
main#cadastre-se section#FAQ details > *:not(summary.grid){font-size: 1.125rem; line-height: 2rem; color: rgba(15 25 36 / .7); width: 70%;}

	/* Form */

main#cadastre-se section#form{gap: 70px; padding: 70px 0 200px;}
main#cadastre-se section#form h3{text-align: center; font-family: Bavicka; font-size: 2.5rem; line-height: 1.2em; font-weight: 400;}

/* 404 */

main #nao-encontrado h1{font-family: Comfortaa; font-size: 2rem;}
main #nao-encontrado a{color: var(--main-color); text-decoration: underline;}
main #nao-encontrado .grid{justify-content: center;}
main #nao-encontrado .content{width: 60%; margin: 0 auto; align-items: center; text-align: center; padding-top: 55px; gap: 80px;}

/* Obrigado */

main #obrigado h1{font-family: Comfortaa; font-size: 2rem;}
main #obrigado a{color: var(--main-color); text-decoration: underline;}
main #obrigado .grid{justify-content: center;}
main #obrigado .content{width: 60%; margin: 0 auto; align-items: center; text-align: center; padding-top: 55px; gap: 80px;}

/* Politicas e Privacidade */

main#politicas-e-privacidade section#grayContent h3{font-size: 2.25rem; font-family: 'Comfortaa'; line-height: initial;}

/* Footer */

footer#mainFooter{background-color: #D9D8D6; padding: 50px 0;}
footer#mainFooter .content{gap: 30px;}
footer#mainFooter .links{gap: 25px 110px;}
footer#mainFooter .links i.logo svg path{fill: #000;}
footer#mainFooter .links section h5{margin-bottom: 12px;}
footer#mainFooter .links section :is(a, address){font-size: 0.875rem; font-style: initial;}
footer#mainFooter .links section:first-child{flex: 0 0 315px; max-width: 100%;}
footer#mainFooter .links section:first-child p{font-size: 0.875rem;}
footer#mainFooter .links section:not(:first-child){gap: 10px;}
footer#mainFooter .links section:last-child .row i:first-child{flex: 0 0 auto;}
footer#mainFooter .links section:last-child .row{align-items: center;}
footer#mainFooter hr{width: 100%; height: 1px; background-color: rgba(0 0 0 / 6%);}
footer#mainFooter .socials{justify-content: space-between; align-items: center;}
footer#mainFooter .socials .row:last-child a{width: 32px; aspect-ratio: 1; display: flex; align-items: center; justify-content: center; background-color: #000; border-radius: 50%;}

/* Responsive */

@media(min-width: 901px){

	.mobile{display: none !important;}

}

@media(max-width: 900px){

	.desktop{display: none !important;}

	body{overflow-x: hidden;}

	h1{font-size: 2rem;}
	h1 br{display: none;}
	h2{font-size: 1rem;}
	h3{font-size: 2rem;}

	a#floatingWpp{right: 5vw;}

	.listGroup .listWrapper{position: fixed; transform: initial; top: initial; left: 0; right: 0; bottom: 0; width: initial; max-height: 300px; min-height: initial;}

	.btn{gap: 12px; justify-content: center;}

	section#cookies{padding: 24px; flex-direction: column; gap: 24px;}
	section#cookies .column{gap: 0;}

	form#mainForm{padding: 24px; gap: 25px 12px;}

	form#searchForm .localidades{flex-direction: column; align-items: start;}

	main{gap: 50px;}

	header#mainHeader nav#menu{position: absolute; top: 0; left: 0; width: 100vw; height: 100vh; flex-direction: column; align-items: end; background-color: var(--main-color); padding: 40px 24px; transition: all .3s ease;}
	header#mainHeader nav#menu:not(:has(input#menuTrigger:checked)){transform: translateX(100%);}

	main#home section#banner{--actual-padding: 48px;}
	main#home section#banner .body{gap: 12px;}

	section#about .intro{flex-direction: column-reverse;}
	section#about .diferenciais{display: grid; grid-template-columns: repeat(3, 90%); overflow: auto; width: 100vw; padding: 0 5vw; margin-left: -5vw; scroll-snap-type: x mandatory;}
	section#about .diferenciais::-webkit-scrollbar{display: none;}
	section#about .diferenciais article{scroll-snap-align: center;}

	main#home section#posts .content{gap: 24px;}
	main#home section#posts .content > .row{flex-direction: column;}

	main#home section#steps .row{flex-direction: column;}
	main#home section#steps article{width: 100%;}

	main#home section#depositions wm-slider{--indexed-element-amount: 1;}

	main#home section#faq details p{font-size: 1rem !important;}
	main#home section#faq details > p{width: 100%;}

	main#home section#healthPro{padding-bottom: 50px;}
	main#home section#healthPro p{font-size: 1rem;}

	main#profissional section#hero{padding: 24px 0 48px;}
	main#profissional section#hero .content{grid-template-columns: minmax(0, 1fr); grid-template-areas: "backlink" "title" "img" "form"; gap: 48px;}
	main#profissional section#hero .body{align-items: center;}

	main#profissional section#biography{padding-bottom: 55px;}
	main#profissional section#biography .content{gap: 12px;}
	main#profissional section#biography .content .socials{display: grid; grid-template-columns: repeat(2, minmax(0, 1fr));}
	
	main#agendamento section#results .grid{grid-template-columns: minmax(0, 1fr);}

	main#artigos header#pageHeader{padding: 50px 0 0;}
	main#artigos section#articleList .content{grid-template-columns: minmax(0, 1fr);}

	main#pesquisa header#pageHeader{padding: 50px 0 0;}
	main#pesquisa section#articleList .content{grid-template-columns: minmax(0, 1fr);}

	main#post article{padding: 20px 0 100px;}
	main#post article section.content{padding: 40px 12px;}
	main#post article section.content .row:has(img){flex-direction: column;}
	main#post article section.content .socials{display: grid; grid-template-columns: repeat(2, minmax(0, 1fr));}

	main#trabalhe-conosco header#pageHeader{padding-top: 50px;}
	main#trabalhe-conosco section#form{padding-bottom: 110px;}

	main:is(#contato, #conta, #cadastre-se) section#form{padding: 50px 0 110px;}

	main #nao-encontrado svg{height: 100%; max-width: initial;}
	main #nao-encontrado .content{gap: 60px;}

	main#cadastre-se section#about p br{display: none;}
	main#cadastre-se section#about p.box{font-size: 1rem;}
	
	main#cadastre-se section#whyRegister .grid{grid-template-columns: 1fr; gap: 12px;}
	
	main#cadastre-se section#howItWorks .grid{grid-auto-flow: row; gap: 12px;}
	
	main#cadastre-se section#FAQ details summary.grid .arrow{width: 30px;}
	main#cadastre-se section#FAQ details summary.grid .arrow:before{width: 7px;}
	main#cadastre-se section#FAQ details > *:not(summary.grid){width: 100%; font-size: 1rem; line-height: 1.6;}
	
	main #obrigado svg{height: 100%; max-width: initial;}
	main #obrigado .content{gap: 60px;}

	footer#mainFooter .links{flex-direction: column;}
	footer#mainFooter .links section:first-child{flex: initial;}
	footer#mainFooter .socials{flex-direction: column; align-items: stretch;}
	footer#mainFooter .socials .row:first-child{justify-content: space-between;}

}

@media (max-width: 768px) {
	main#conta .row { flex-direction: column; }

	.workcontrol_account_sidebar,
	.account_box {
		width: 100%;
		padding-right: 0;
	}
}


.form_load{display: none; vertical-align: middle; margin-left: 15px; margin-top: -2px; width: 25px; margin: 0 auto;}

/*
TRIGGER
Personaliza mensagens do sistema
*/

/* Trigger */
.trigger {
	position: relative;
	width: 100%;
	padding: 15px;
	background: #333;
	font-size: 1em;
	font-weight: 500;
	color: #fff;
	margin-bottom: 15px;
}
.trigger_none {
	margin-bottom: 0;
}
.trigger p {
	margin-top: 10px;
}
.trigger_ajax {
	display: none;
	cursor: pointer;
}
.trigger_success {
	background-color: #00b494;
}
.trigger_info {
	background-color: #0e96e5;
}
.trigger_alert {
	background-color: #faad50;
}
.trigger_error {
	background-color: #f45563;
}
.trigger_modal {
	position: fixed;
	right: 0;
	top: 0;
	width: 460px;
	max-width: 80%;
	padding: 20px 20px 0 0;
	cursor: pointer;
	z-index: 999;
}
.trigger_modal .trigger {
	padding: 20px;
	margin: auto 30px auto auto;
}