/*   
Theme Name: Holos
Description: Tema para o site da Holos, espaços de compaixão.
Author: Camila Lins
Author URI: http://camilalins.co
Version: 2021 - 2025
*/

@charset "utf-8";

/* Reset */
*, *:before, *:after {box-sizing:border-box; -moz-box-sizing:border-box;}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, a, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {display:block;}
audio, canvas, progress, video {display:inline-block;}
img, object, embed, video, iframe {max-width:100%;}
ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;}
del {text-decoration:line-through;}
abbr[title], dfn[title] {border-bottom:1px dotted #000; cursor:help;}
table {border-collapse:collapse; border-spacing:0; font-size:inherit; font:100%;}
th {font-weight:bold; vertical-align:bottom;}
td {font-weight:normal; vertical-align:middle;}
hr {display:block; height:1px; border:0; border-top:1px solid #CCC; margin:10px 0; padding:0;}
input, select {vertical-align:middle;}
pre {white-space:pre; white-space:pre-wrap; white-space:pre-line; word-wrap:break-word;}
input[type="radio"] {vertical-align:text-bottom;}
input[type="checkbox"] {vertical-align:bottom;}
input:focus, textarea:focus{outline:0;}
a:hover, a:active {outline:0;}
small {font-size:85%;}
strong, th {font-weight:700;}
td, td img {vertical-align:top;}
sub, sup {font-size:75%; line-height:0; position:relative;}
sup {top:-0.5em;}
sub {bottom:-0.25em;}
pre, code, kbd, samp {font-family:monospace, sans-serif;}
label, input[type=button], input[type=submit], button {cursor:pointer;}
body, select, input, textarea {-webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}
button, input, select, textarea {margin:0; resize:none; color:inherit; font:inherit; border:0; border-radius:0; -webkit-appearance:none; -moz-appearance:none; appearance:none;}
button {width:auto; overflow:visible;}
textarea {overflow:auto;}
ins {background:#FDD900; color:#000; text-decoration:none;}
mark {background:#FDD900; color:#000; font-style:italic; font-weight:bold;}
audio, canvas, iframe, img, svg, video {vertical-align:middle;}
html {font-family:sans-serif; -ms-text-size-adjust:100%; -webkit-text-size-adjust:100%; overscroll-behavior:none;}

::-moz-selection{background:#114994; color:#fff; text-shadow:none;}
::selection {background:#114994; color:#fff; text-shadow:none;}

::-webkit-input-placeholder {color:#fff; opacity:1;}
::-moz-placeholder {color:#fff; opacity:1;}
::placeholder {color:#fff; opacity:1;}

/* Variáveis */
:root {
    --cor-principal:#8d4847;
    --cor-azul:#114994;
    --cor-dourado:#bf9000;
    /* --cor-dourado-claro:#ab9451; */
    --cor-branco:#FFF;
    /* --cor-bege-claro:#dedcc9; */
    --cor-error:#ae1a1a;

    --padding:50px;
}

/* Fontes */
@font-face {font-family:'CaslonCP'; src:local('CaslonCP'), url('fonts/CaslonCP.woff2') format('woff2'), url('fonts/CaslonCP.woff') format('woff'), url('fonts/CaslonCP.ttf') format('truetype'); font-weight:normal; font-style:normal; font-display:swap;}

/* Toolbox */
.fleft {float:left;}
.fright {float:right;}
.hide {display:none !important;}
.flex {display:flex;}

/* Clearfix */
.cf:before, .cf:after {content:''; display:table; width:100%;}
.cf:after {clear:both;}

/* Page style */
html, body {overscroll-behavior:none;}
body {font:22px 'Roboto', sans-serif; color:var(--cor-dourado); background:var(--cor-branco);}

body::after{position:absolute; width:0; height:0; overflow:hidden; z-index:-1; content:url(img/layout/eye-closed.svg);}

a {color:var(--cor-azul); text-decoration:none; -webkit-tap-highlight-color:transparent; transition:all 150ms ease-out;}
a:hover {color:var(--cor-dourado);}

.mobile-check {display:none;}
.paddings {padding:0 var(--padding);}

.video-embed {position:relative; width:100%; padding-bottom:56.3%; height:0; background:url(img/layout/loading.svg) no-repeat center;}
.video-embed iframe {position:absolute; top:0; left:0; width:100%; height:100%; z-index:2;}
.video-embed video {position:absolute; top:0; left:0; width:100%; height:100%; z-index:2;}

footer {text-align:center; width:100%; padding:20px 35px; color:var(--cor-azul); margin-top:calc(var(--padding) * 3);}
footer.home {background:var(--cor-azul); color:var(--cor-branco); margin-top:0;}
footer p {font-size:14px;  padding:12px 0 8px;}
footer .nav {font-size:14px;}
footer .nav a {text-decoration:underline;}

.dev {font-size:10px;}
.dev span {cursor:default;}
.dev a {font-weight:500; color:var(--cor-azul);}
#wrap .dev a:hover {color:var(--cor-dourado);}
footer.home .dev a {color:var(--cor-branco);}

body.soon {overflow:hidden;}
body.soon h1 {width:560px; height:572px; background:url(img/layout/logo.svg) no-repeat center; background-size:contain; text-indent:-99999px; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); max-width:90%; max-height:90%;}

#menu.inner {height:153px; padding:0 5vw 30px; display:flex; justify-content:space-between; align-items:center;}
#menu.inner .background-mask {background:var(--cor-azul); width:100%; height:100%; clip-path:url(#menumask); -webkit-clip-path:url(#menumask); position:absolute; top:0; left:0; z-index:-1;}
#menu.inner h1 a {background:url(img/layout/logo-horizontal.svg) no-repeat center left; background-size:contain; display:block; width:257px; height:85px; text-indent:-99999px;}
#menu .nav {margin-left:auto; margin-right:2vw;}
#menu.inner .nav a {margin-left:2vw;}
#menu.inner .nav a.active:after {width:100%;}

#menu a.whatsapp {background:url(img/layout/icon-whatsapp.svg) no-repeat center / 32px; text-indent:-99999px; width:32px; height:32px;}
#menu a.whatsapp:hover {scale:1.1;}
#menu a.whatsapp:hover:after {display:none;}

#menu .burger {visibility:hidden; pointer-events:none; opacity:0; position:absolute; width:0; height:0; transition:all 250ms ease-out;}

.header {position:fixed; width:100%; z-index:100; transition:transform 250ms ease-in-out;}
.header:before {content:''; position:absolute; bottom:0; left:5px; width:70px; height:51px; background:url(img/layout/menu-inner1.svg) no-repeat; pointer-events:none; z-index:15;}
.header:after {content:''; position:absolute; bottom:0; right:5px; width:70px; height:51px; background:url(img/layout/menu-inner2.svg) no-repeat; pointer-events:none; z-index:15;}

.header.inside {transform:translateY(-103%);}
#menu .burger.tab {opacity:1; visibility:visible; pointer-events:all; width:auto; height:auto; position:fixed; left:0; top:200px; background:var(--cor-dourado); padding:0 25px 5px 20px; border-radius:0 50px 50px 0; font:29px/50px 'CaslonCP', 'Roboto', sans-serif; color:var(--cor-branco); text-transform:lowercase; cursor:pointer;}
#menu .burger.tab:hover {background:var(--cor-azul);}

.modal {position:fixed; top:0; left:0; right:0; bottom:0; z-index:1000; background:rgba(13, 57, 113, 0.85); padding:var(--padding); transition:all 300ms ease-out; overflow: auto;}
.modal.hidden {opacity: 0; visibility: hidden; pointer-events: none;}
.modal .content {background:#FFF; border-radius:20px; max-width:960px; margin:0 auto; padding:var(--padding); position: relative; overflow: hidden;}
.modal .content .close {position: absolute; right:var(--padding); cursor: pointer; width:42px; height:42px; background:url(img/layout/close.svg) no-repeat center; text-indent: -99999px; transition:all 250ms ease-out;}
.modal .content .close:hover {scale:1.15; rotate:90deg;}
.modal .content h5 {text-align: center; font:50px/50px 'CaslonCP', 'Roboto', sans-serif; color:var(--cor-azul); margin-bottom:var(--padding);}
.modal .content h6 {font-size:22px; line-height:1.5; padding:12px 42px 12px 0; position: relative; cursor: pointer;}
.modal .content h6:after {content:''; position:absolute; top:50%; right:0; transform:translateY(-50%); width:32px; height:32px; background:url(img/layout/caret-down.svg) no-repeat; transition:all 200ms ease-out;}
.modal .content h6:hover:after {transform:translateY(-50%) scale(1.15);}
.modal .content .item {border-bottom:1px solid var(--cor-dourado);}
.modal .content .item:last-of-type {border-bottom:0;}
.modal .content .item .answer {display: none; padding-bottom:20px; color:var(--cor-azul);}
.modal .content .item .answer p {font-size:18px;}
.modal .content .item.open .answer {display: block;}
.modal .content .item.open h6:after {transform:translateY(-50%) rotate(180deg);}

/* Home */
.header.home h1 {display:none;}

.not-visible #menu.home {transform:translateY(-150%);}
.header.home:before, .header.home:after {opacity:0; transition:opacity 300ms ease-out 400ms;}
.header.home.scrolled:before, .header.home.scrolled:after {opacity:1;}

.header.home.scrolled #menu.home {height:153px; padding:0 5vw 30px; display:flex; justify-content:space-between; align-items:center; transform:translateY(0); position:relative;}
.header.home.scrolled #menu.home .background-mask {background:var(--cor-dourado); width:100%; height:100%; clip-path:url(#menumask); -webkit-clip-path:url(#menumask); position:absolute; top:0; left:0; z-index:-1;}
.header.home.scrolled #menu.home h1 {display:block;}
.header.home.scrolled #menu.home h1 a {background:url(img/layout/logo-horizontal.svg) no-repeat center left; background-size:contain; display:block; width:257px; height:85px; text-indent:-99999px;}
.header.home.scrolled #menu.home .nav {margin:0 0 0 auto; padding-top:0;}
.header.home.scrolled #menu.home .nav a {margin-left:2vw;}
.header.home.scrolled #menu.home .nav a.active:after {width:100%;}
#menu .burger {visibility:hidden; pointer-events:none; opacity:0; position:absolute; width:0; height:0; transition:all 250ms ease-out;}

#menu.home {position:absolute; top:0; left:0; width:100%; z-index:5; transition:all 400ms ease-out;}
#menu.home .nav {display:flex; justify-content:space-between; max-width:1100px; margin:0 auto; padding-top:30px;}

#menu .nav a {font:29px/29px 'CaslonCP', 'Roboto', sans-serif; color:var(--cor-branco); letter-spacing:2px; text-transform:lowercase; display:inline-block; position:relative;}
#menu .nav a:after {content:''; position:absolute; top:100%; left:0; width:0; height:2px; background:var(--cor-branco); transition:all 150ms ease-in-out;}
#menu .nav a:hover:after {width:100%;}

.banner-wrapper {background-color:var(--cor-branco); height:100vh; min-height:630px;}
#banner {position:relative; height:100vh; min-height:630px; padding-top:120px;}
#banner.owl-carousel .owl-stage-outer, #banner.owl-carousel .owl-stage, #banner.owl-carousel.owl-drag .owl-item {height:100%;}
#banner .owl-dots {position: absolute; left:calc(var(--padding) * .5); top:50%; transform:translateY(-50%); display:flex; flex-direction: column; gap:20px;}
#banner .owl-dots .owl-dot {border:0; width:20px; height:20px;}
#banner .owl-dots .owl-dot.active {background:var(--cor-dourado);}

#banner .slide {position:relative; display:flex; justify-content:space-between; height:100%;}

#banner .visuals {width:50%; flex-shrink: 0; margin:calc(var(--padding) * .4); background:url(img/layout/loading.svg) no-repeat center;}
#banner .visuals img {object-fit: contain; max-width:none; width:100%; height:100%;}
#banner .text {flex-grow:1; display:flex; flex-direction:column; justify-content:center; gap:var(--padding); padding:0 0 0 16%; color:var(--cor-azul);}
#banner .text h2 {font:75px/75px 'CaslonCP', 'Roboto', sans-serif;}
#banner .text p {font-size:28px;}
#banner .text .button {background:var(--cor-dourado); color:var(--cor-branco); align-self: baseline; padding:0 var(--padding); line-height:50px; font-weight:700; border-radius:50px;}
#banner .text .button:hover {background:var(--cor-azul); color:var(--cor-branco);}

#frase {max-width:1010px; text-align:center; margin:calc(var(--padding) * 3) auto;}
#frase h2 {font:62px/62px 'CaslonCP', 'Roboto', sans-serif; color:var(--cor-azul);}
#frase .button {display:inline-block; margin-top:85px; padding:0 var(--padding); text-align:center; color:var(--cor-azul); border:3px solid var(--cor-azul); border-radius:50px; font-size:22px; line-height:50px; font-weight: 700;}
#frase .button:after {content:''; display:inline-block; width:9px; height:16px; position:relative; top:3px; background:url(img/layout/arrow-right.svg) no-repeat; margin-left:20px; transition:all 150ms ease-out;}
#frase .button:hover {background:var(--cor-dourado); border-color:var(--cor-dourado); color:var(--cor-branco);}
#frase .button:hover:after {background:url(img/layout/arrow-right-bege.svg) no-repeat; margin:0 -5px 0 25px;}

#sobre {position:relative; background:var(--cor-dourado); color:var(--cor-branco);}
#sobre .wrapper {max-width:1080px; margin:0 auto; padding:calc(var(--padding) * 2) 20px; display:flex; flex-direction:column; align-items: center;}
#sobre h3 {font:62px/48px 'CaslonCP', 'Roboto', sans-serif; text-align: center;}
#sobre h3 a {color:var(--cor-branco);}
#sobre p {font-size:24px; max-width:920px; padding:0 30px; margin:var(--padding) auto; text-align: center;}
#sobre .button {display:inline-block; line-height:50px; background:var(--cor-azul); color:var(--cor-branco); padding:0 var(--padding); border-radius:50px; font-weight:700;}
#sobre .button:hover {background:var(--cor-branco); color:var(--cor-azul);}

#textos {margin:calc(var(--padding) * 2) auto;}
#textos h3 {font:62px/62px 'CaslonCP', 'Roboto', sans-serif; text-align: center; margin-bottom:var(--padding);}
#textos h3 a {color:var(--cor-azul);}
.posts-list {display:flex; justify-content:space-between; max-width:1380px; margin:0 auto; flex-wrap:wrap;}
.posts-list li {width:29.7%;}
.posts-list li a {display:block;}
.posts-list li a:hover .thumb:after {opacity:1; animation:eyes 5s steps(1, end) infinite;}
.posts-list li a:hover p {color:var(--cor-dourado);}
.posts-list li .thumb {overflow:hidden; position:relative; width:100%; height:0; padding-bottom:142.10%;}
.posts-list li .thumb:after {content:''; position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(191, 144, 0, .75) url(img/layout/eye-open.svg) no-repeat center 60%; opacity:0; transition:all 150ms ease-out;}
.posts-list li .thumb img {width:auto; height:100%; max-width:none; position:absolute; min-width:100%; left:50%; top:0; transform:translateX(-50%);}
.posts-list li p {padding:20px 20px 0; font-size:22px; line-height:1.25; font-weight:500; color:var(--cor-azul); text-align:center;}
/* .posts-list li:nth-child(1) .thumb, .posts-list li:nth-child(1) .thumb:after {border-radius:0 200px 0 0;}
.posts-list li:nth-child(2) .thumb, .posts-list li:nth-child(2) .thumb:after {border-radius:200px 200px 0 0;}
.posts-list li:nth-child(3) .thumb, .posts-list li:nth-child(3) .thumb:after {border-radius:200px 0 0 0;}
.posts-list li:nth-child(4) .thumb, .posts-list li:nth-child(4) .thumb:after {border-radius:200px 200px 0 0;}
.posts-list li:nth-child(5) .thumb, .posts-list li:nth-child(5) .thumb:after {border-radius:0 200px 0 0;}
.posts-list li:nth-child(6) .thumb, .posts-list li:nth-child(6) .thumb:after {border-radius:200px 200px 0 0;} */

.posts-list li:nth-child(6n+1) .thumb,
.posts-list li:nth-child(6n+1) .thumb:after {
  border-radius: 0 200px 0 0;
}

.posts-list li:nth-child(6n+2) .thumb,
.posts-list li:nth-child(6n+2) .thumb:after {
  border-radius: 200px 200px 0 0;
}

.posts-list li:nth-child(6n+3) .thumb,
.posts-list li:nth-child(6n+3) .thumb:after {
  border-radius: 200px 0 0 0;
}

.posts-list li:nth-child(6n+4) .thumb,
.posts-list li:nth-child(6n+4) .thumb:after {
  border-radius: 200px 200px 0 0;
}

.posts-list li:nth-child(6n+5) .thumb,
.posts-list li:nth-child(6n+5) .thumb:after {
  border-radius: 0 200px 0 0;
}

.posts-list li:nth-child(6n) .thumb,
.posts-list li:nth-child(6n) .thumb:after {
  border-radius: 200px 200px 0 0;
}


#servicos {margin:calc(var(--padding) * 2) 0; position:relative;}
#servicos h3 {font:55px/40px 'CaslonCP', 'Roboto', sans-serif; color:var(--cor-azul); margin-bottom:calc(var(--padding) * 0.6);}
#servicos h3 span {display:block; text-transform:uppercase; font-size:50%;}
#servicos .flex {max-width:1110px; margin:80px auto 0; padding-bottom:20px; justify-content:space-between; }
#servicos .flex > div {width:30%;}
#servicos .flex .individual {text-align:right;}
#servicos .flex .educacional {text-align:center;}
#servicos .flex img {width:auto; height:100px; margin-bottom:30px;}
#servicos .flex a {display:block;}
#servicos .flex h4 {color:var(--cor-dourado); font-size:60px; letter-spacing:2px; font-weight:400; margin-bottom:30px; transition:all 150ms ease-out}
#servicos .flex p {font-size:22px; line-height:1.2; color:var(--cor-azul);}
#servicos .flex p:last-of-type {margin-top:16px; font-size:16px;}
#servicos .flex a:hover {transform:scale(1.03);}

#expressoes {background:var(--cor-azul); display:flex; justify-content:space-between; min-height:calc(100vh - 120px); overflow: hidden;}
#expressoes .thumb {width:45%; overflow:hidden; flex-shrink: 0;}
#expressoes .thumb img {object-fit: cover; min-width:100%; min-height:100%; object-position: right;}
#expressoes .text {display:flex; flex-direction:column; justify-content:center; gap:var(--padding); padding:123px 8% var(--padding); color:var(--cor-branco);}
#expressoes .text h4 {font:62px/62px 'CaslonCP', 'Roboto', sans-serif;}
#expressoes .text p {font-size:22px; line-height:1.25;}
#expressoes .text .button {background:var(--cor-dourado); color:var(--cor-branco); align-self: baseline; padding:0 var(--padding); line-height:50px; font-weight:700; border-radius:50px;}
#expressoes .text .button:hover {background:var(--cor-branco); color:var(--cor-azul);}

#blog {margin:150px auto 80px; max-width:1380px;}
#blog h3 {font:90px/90px 'CaslonCP', 'Roboto', sans-serif; text-align:center; margin-bottom:50px;}
#blog h3 a {color:var(--cor-dourado);}
#blog .latest-posts-list {display:flex; justify-content:space-between; position:relative;}
#blog .latest-posts-list a {display:block; width:24.38%; text-align:center;}
#blog .latest-posts-list .thumb {width:100%; height:0; padding-bottom:100%; border-radius:100%; overflow:hidden; position:relative;}
#blog .latest-posts-list .thumb img {width:100%; height:auto; min-height:100%; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
#blog .latest-posts-list h4 {font-size:22px; line-height:30px; font-weight:500; margin:25px 0 15px; padding:0 18px;}
#blog .latest-posts-list p {font-size:16px;}

#blog .latest-posts-list .thumb:after {content:''; position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(191, 144, 0, .75) url(img/layout/eye-open.svg) no-repeat center 56%; background-size:46% auto; opacity:0; transition:all 150ms ease-out; border-radius:180px 180px 0 0;}
#blog .latest-posts-list a:hover .thumb:after {opacity:1; animation:eyes 5s steps(1, end) infinite;}

#blog .dividers {width:24.38%; height:100%; text-indent:-99999px; position:absolute; transform:translateX(-22%); pointer-events:none;}
#blog .dividers:before {content:''; background:url(img/layout/blog-divider.svg) no-repeat center; background-size:12.6% auto; width:100%; height:0; padding-bottom:100%; position:absolute; left:0; top:0;}
#blog .dividers:nth-of-type(1) {left:24.2%;}
#blog .dividers:nth-of-type(2) {right:13.6%;}

#contato {background:var(--cor-dourado); padding:calc(var(--padding) * 2) var(--padding); color:var(--cor-branco); position:relative; overflow:hidden;}
#contato h3 {font:62px/62px 'CaslonCP', 'Roboto', sans-serif; text-align:center;}
#contato .flex {max-width:1000px; margin:80px auto 0; justify-content:space-between;}
#contato .form {max-width:550px; flex-grow:1; position:relative;}
#contato .info {max-width:380px; font-size:20px; line-height:30px; padding-top:20px; position:relative; z-index:2; margin-left:35px;}
#contato .info span {display:block; margin:50px 0; font-weight:700;}
#contato .info .links {display:flex; gap:10px;}
#contato .info .links a {display:block; text-indent: -99999px; width:42px; height:42px; border-radius:100%;}
#contato .info .links a:hover {background-color:var(--cor-azul);}
#contato .info .whatsapp {background:url(img/layout/icon-whatsapp.svg) no-repeat center / 32px;}
#contato .info .instagram {background:url(img/layout/icon-instagram.svg) no-repeat center / 32px;}

#contato .faq {color:#fff; font-size:16px; line-height:42px; font-weight:700; border:2px solid #FFF; padding:0 20px; border-radius:42px; cursor: pointer; transition:all 250ms ease-out;}
#contato .faq:hover {background:var(--cor-azul); border-color: var(--cor-azul);}

.form input, .form textarea {display:block; background:transparent; width:100%; color:var(--cor-azul); border:0; border-bottom:3px solid var(--cor-branco); font-size:32px;}
.form .text {height:60px; line-height:60px; margin-bottom:35px;}
.form textarea {height:180px; padding-top:11px;}

.form .submit {display:inline-block; float:right; width:225px; margin-top:50px; padding:0 20px 3px; text-align:center; color:var(--cor-azul); border:3px solid var(--cor-azul); border-radius:50px; font-size:22px; line-height:50px; font-weight:700; position:relative; background:transparent url(img/layout/arrow-right.svg) no-repeat center right 60px; text-indent:-30px; transition:all 150ms ease-out;}
.form .submit:hover {background:var(--cor-azul) url(img/layout/arrow-right-bege.svg) no-repeat center right 55px; border-color:var(--cor-azul); color:var(--cor-branco);}
.form .submit.loading {background:#a7976a url(img/layout/loading.svg) no-repeat center right 25%; background-size:45px; border-color:#a7976a; color:#8b7c52; pointer-events:none; cursor:default; transition:none;}

.security-question {display:inline-block; margin-top:45px; font-size:24px;}
.security-question span {display:inline-block; line-height:60px; position:relative;}
.security-question input.text {display:inline-block; width:60px; text-align:center; font-size:24px; padding:0 5px; margin:0; border:3px solid var(--cor-branco); border-radius:50%;}

.form input.error, .form textarea.error {border-color:var(--cor-error);}
.form label.check.error {color:var(--cor-error);}
.form label.error select {color:var(--cor-error);}
.form .obs {display:block; text-align:right; margin-top:20px; font-size:16px; line-height:18px; font-weight:500; color:var(--cor-error); position:absolute; width:100%;}
.form .obs.hidden {display:none;}
.form .obs.success {color:var(--cor-branco);}

/* Internas */
#page {padding-top:240px;}
#page p {line-height:32px; margin-bottom:35px;}
#page h2 {font:60px/60px 'CaslonCP', 'Roboto', sans-serif; text-align:center; letter-spacing:3px; color:var(--cor-dourado); margin-bottom:80px;}
#page h2.intro {font:60px/60px 'CaslonCP', 'Roboto', sans-serif; letter-spacing:0px; color:var(--cor-dourado); margin-bottom:calc(var(--padding) * 1.25);}
#page h3 {font-size:60px; line-height:60px; font-weight:400; color:var(--cor-azul); margin-bottom:40px;}
#page.sobre a {color:var(--cor-azul); text-decoration:underline;}
#page.sobre a:hover {color:var(--cor-dourado);}

.intro-image {width:100%; height:38vw; margin-bottom:calc(var(--padding) * 2); overflow: hidden;}

.pagination {display:flex; margin:100px auto 0; max-width:1200px; align-items:center; justify-content:center; font-size:35px; line-height:48px; text-align:center; overflow:hidden;}
.pagination a {display:inline-block; width:55px; height:55px; color:var(--cor-dourado); overflow:hidden;}
.pagination span.current {display:inline-block; width:55px; height:55px; color:var(--cor-azul); border:2px solid var(--cor-azul); border-radius:100%; cursor:default;}
.pagination span.dots {display:inline-block; font-size:28px; font-weight:300; color:var(--cor-azul);}
.pagination a.prev {text-indent:-99999px; background:url(img/layout/arrow-left.svg) no-repeat center;}
.pagination a.next {text-indent:-99999px; background:url(img/layout/arrow-right.svg) no-repeat center;}
.pagination a:hover {color:var(--cor-azul);}
.pagination a.prev:hover, .pagination a.next:hover {transform:scale(1.4);}

/* Sobre */
#page.sobre .main-image {margin:0 53px 35px 0;}
#page.sobre .video {border-radius:210px; overflow:hidden; max-width:420px; margin:-35px 0 50px 50px; margin-top:35px;}
#page.sobre .video video {border-radius:210px; overflow:hidden;}

#page.sobre .holos {max-width:1200px; margin:0 auto; color:var(--cor-azul);}
#page.sobre .holos .text {columns:2; column-gap:var(--padding);}
#page.sobre .metodo {margin:125px 0;}
#page.sobre .metodo .image {margin:0 50px 35px 0;}

#page.sobre .monica {margin-top:80px; background:var(--cor-azul); color:var(--cor-branco); padding:calc(var(--padding) * 2.5) 0 calc(var(--padding) * 2);}
#page.sobre .monica .wrapper {max-width:1200px; margin:0 auto;}
#page.sobre .monica .image {margin:-40px 0 35px 50px; max-width:40%;}
#page.sobre .monica h3 {font:60px/60px 'CaslonCP', 'Roboto', sans-serif; color:var(--cor-branco);}
#page.sobre .monica a {color:var(--cor-branco); font-weight:700;}
#page.sobre .monica a:hover {color:var(--cor-dourado);}

#page.sobre .timeline {max-width:1200px; margin:80px auto 0;}
#page.sobre .timeline h3 {font:60px/60px 'CaslonCP', 'Roboto', sans-serif; color:var(--cor-dourado); text-align:center;}
#page.sobre .timeline ul {display:flex; flex-direction:column; background:url(img/layout/timeline-center.png) repeat-y center; position:relative; padding:60px 0 80px; margin-top:50px;}
#page.sobre .timeline li {min-height:200px; position:relative; display:flex; justify-content:center; gap:var(--padding); margin-bottom:120px;}
#page.sobre .timeline li .lala {text-align:right; width:50%;}
#page.sobre .timeline li .lala .lele {text-align:center; display:inline-block; position: relative; min-width:120px; height:100%;}
#page.sobre .timeline li .lele:after {content:''; width:42px; height:42px; background:url(img/layout/timeline-divider.svg) no-repeat center; position: absolute; top:50%; translate:0 -100%; right:-46px;}
#page.sobre .timeline li:nth-child(even) .lele:after {right:auto; left:-46px;}
#page.sobre .timeline li:nth-child(even) .lala {text-align:left; order:2;}
#page.sobre .timeline li:nth-child(even) p {order:1;}
#page.sobre .timeline h4 {font:50px/50px 'CaslonCP', 'Roboto', sans-serif; color:var(--cor-dourado); margin-bottom:30px; position: absolute; width:100%; text-align:center;}
#page.sobre .timeline .thumb {border-radius:100%; overflow:hidden; max-width:200px; margin-bottom:15px; display:inline-block;}
#page.sobre .timeline .thumb img {height:auto; border-radius:100%;}
#page.sobre .timeline p {width:50%; margin-bottom:0; white-space:pre-wrap; color:var(--cor-azul);}

#page.sobre .timeline li a {text-decoration:none;}
#page.sobre .timeline li p a strong {color:var(--cor-dourado);}

/* Textos */
#page.reflexoes .posts-list {margin-bottom:-50px;}
#page.reflexoes .posts-list li {margin-bottom:50px;}

#page.reflexoes.archive .meta {text-align: center;}
#page.reflexoes.archive a.see-all {display:inline-block; font:25px/25px 'CaslonCP', 'Roboto', sans-serif; color:var(--cor-azul); text-transform:lowercase; padding-right:20px; background:url(img/layout/arrow-right.svg) no-repeat right bottom 4px; background-size:auto 14px;}
#page.reflexoes.archive a.see-all:hover {padding-right:25px;}

#page.single .wrapper {margin:0 auto; max-width:1380px;}
#page.single .meta {margin-bottom:60px;}
#page.single .meta a.see-all {display:inline-block; font:25px/25px 'CaslonCP', 'Roboto', sans-serif; color:var(--cor-azul); text-transform:lowercase; padding-right:20px; margin-bottom:15px; background:url(img/layout/arrow-right.svg) no-repeat right bottom 4px; background-size:auto 14px;}
#page.single .meta a.see-all:hover {padding-right:25px;}
#page.single .meta h3 {font-weight:500; margin-bottom:30px; word-break:break-word;}
#page.single .meta span {font-size:22px; font-weight:300; color:var(--cor-dourado);}
#page.single .meta span.cat a {font-weight: 700;}
#page.single .meta a {color:var(--cor-dourado); border-bottom:2px solid transparent;}
#page.single .meta a:hover {border-bottom:2px solid var(--cor-dourado);}

#wrap #page.single .entry h1,
#wrap #page.single .entry h2,
#wrap #page.single .entry h3,
#wrap #page.single .entry h4,
#wrap #page.single .entry h5,
#wrap #page.single .entry h6 {text-align:left; letter-spacing:0; margin:35px 0; color:var(--cor-dourado);}

#wrap #page.single .entry h1 {font:400 35px/40px 'Roboto', sans-serif;}
#wrap #page.single .entry h2 {font:400 32px/38px 'Roboto', sans-serif;}
#wrap #page.single .entry h3 {font:400 30px/35px 'Roboto', sans-serif;}
#wrap #page.single .entry h4 {font:400 28px/35px 'Roboto', sans-serif;}
#wrap #page.single .entry h5 {font:400 25px/30px 'Roboto', sans-serif;}
#wrap #page.single .entry h6 {font:400 22px/28px 'Roboto', sans-serif;}

#wrap #page.single .entry p {color: var(--cor-azul);}

#page.single .entry a {text-decoration:underline;}
#page.single.reflexoes .entry .image-wrap {position:relative; display:block; margin:60px auto; border-radius:26px; overflow:hidden;}
#page.single.reflexoes .entry .image-wrap.loading {opacity:0;}
#page.single.reflexoes .entry .image-wrap:after {content:''; position:absolute; top:20px; left:20px; right:20px; bottom:20px; border:2px solid var(--cor-dourado); border-radius:26px;}
#page.single.reflexoes .entry .image-wrap.size-full, #page.single.reflexoes .entry .image-wrap.alignnone {width:88%;}
#page.single.reflexoes .entry .image-wrap.alignleft {width:48%; float:left; margin:0 35px 60px 0;}
#page.single.reflexoes .entry .image-wrap.alignright {width:48%; float:right; margin:0 0 60px 35px;}
#page.single.reflexoes .entry .image-wrap.size-full img, #page.single.reflexoes .entry .image-wrap.alignnone img, #page.single.reflexoes .entry .image-wrap.alignleft img , #page.single.reflexoes .entry .image-wrap.alignright img {width:100%; height:auto;}
#page.single .entry blockquote {font:italic 50px/45px 'CaslonCP', 'Roboto', sans-serif; color:var(--cor-dourado); text-align:center; width:80%; margin:50px auto; max-width:700px; clear:both;}
#page.single .entry blockquote p {line-height:inherit; color:var(--cor-dourado) !important;}

#page.single.reflexoes .entry .wp-video {position:relative; border-radius:50px; overflow:hidden;}
#page.single.reflexoes .entry .wp-video:after {content:''; position:absolute; top:20px; left:20px; right:20px; bottom:20px; border:2px solid var(--cor-dourado); border-radius:50px;}

.more-posts {display:flex; align-items:center; justify-content:center; margin-top:80px;}
.more-posts a {display:inline-block; font:25px/25px 'CaslonCP', 'Roboto', sans-serif; color:var(--cor-azul); text-transform:lowercase; padding:8px 24px; position:relative; width:134px;}
.more-posts a.prev {background:url(img/layout/arrow-left.svg) no-repeat left bottom 13px; background-size:auto 10px;}
.more-posts a.next {background:url(img/layout/arrow-right.svg) no-repeat right bottom 13px; background-size:auto 10px;}
.more-posts a.prev:after {content:'•'; position:absolute; right:-5px; top:12px; pointer-events:none; color:var(--cor-azul);}
.more-posts a.prev.alone:after {display:none;}
.more-posts a .thumb {position:absolute; top:50%; transform:translateY(-50%) scale(0); width:136px; height:136px; border-radius:100%; border:3px solid var(--cor-dourado); overflow:hidden; opacity:0; pointer-events:none; transition:all 300ms cubic-bezier(0.5, 1, 0.89, 1);}
.more-posts a .thumb img {width:100%; height:auto; min-height:100%; position:absolute; top:50%; transform:translateY(-50%);}
.more-posts a.prev .thumb {right:calc(100% - 8px); transform-origin:right;}
.more-posts a.next .thumb {left:calc(100% - 8px); transform-origin:left;}

.more-posts a:hover {color:var(--cor-dourado);}
.more-posts a:hover .thumb {opacity:1; pointer-events:all; transform:translateY(-50%) scale(1);}

/* Serviços */
#page.servicos .intro-text {max-width:1200px; margin:0 auto; color:var(--cor-azul);}
#page.servicos .intro-slider {position: relative;}
#page.servicos .intro-image .owl-stage-outer {height:100%;}
#page.servicos .intro-image .owl-stage {height:100%;}
#page.servicos .intro-image .owl-item {height:100%;}
#page.servicos .intro-image img {height:100%; width:auto;}
#page.servicos .intro-navigation {display:flex; justify-content: space-between; padding:0 var(--padding); position: absolute; top:50%; transform:translateY(-50%); z-index:50; width:100%;}
#page.servicos .intro-navigation button {display:block; width:50px; height:75px; padding:0; color:var(--cor-branco); background:transparent; transition:all 250ms ease-out;}
#page.servicos .intro-navigation button svg {width:100%; height:auto;}
#page.servicos .intro-navigation button:hover {color:var(--cor-azul);}

.abordagem {margin-bottom:calc(var(--padding) * 2.25);}
.abordagem .meta {max-width:1200px; margin:var(--padding) auto 0; display:flex; gap:var(--padding); justify-content: space-between; align-items: center;}
/* .abordagem .meta div {margin:0 auto;} */
.abordagem .meta img {height:200px; width:auto; margin-bottom:30px;}
.abordagem .meta h4 {font:55px/40px 'CaslonCP', 'Roboto', sans-serif; color:var(--cor-azul); margin-bottom:var(--padding);}
.abordagem .meta h4 span {display:block; text-transform:uppercase; font-size:50%;}
.abordagem .meta .text {color:var(--cor-azul); width:75%;}

.abordagem .details {border:2px solid var(--cor-dourado); max-width:1100px; margin:var(--padding) auto 0; padding:calc(var(--padding) * 1.75) calc(var(--padding) * 1.5); border-radius: 32px; position: relative;}
.abordagem .details h5 {font:55px/40px 'CaslonCP', 'Roboto', sans-serif; color:var(--cor-dourado); margin-bottom:var(--padding); text-align: center;}
.abordagem .details h5 span {display:block; text-transform:uppercase; font-size:50%;}
.abordagem .details p {color: var(--cor-azul);}
.abordagem .details ul {display: flex; justify-content: space-around; gap:15px;}
.abordagem .details li {background:url(img/layout/timeline-divider.svg) no-repeat center left / 30px; padding-left:var(--padding); font:32px/32px 'CaslonCP', 'Roboto', sans-serif;}

.abordagem .details a.button {position: absolute; top:calc(100% - 25px); left:50%; transform:translateX(-50%); line-height: 50px; background: var(--cor-azul); color: var(--cor-branco); padding: 0 var(--padding); border-radius: 50px; font-weight: 700;}
.abordagem .details a.button:hover {background:var(--cor-dourado);}

.abordagem.educacional .details li {margin:0 auto;}

.testimonials {background:var(--cor-azul); color:var(--cor-branco); padding:100px 0; margin-bottom:var(--padding);}
.testimonials .wrapper {max-width:1200px; margin:0 auto;}
.testimonials h6 {font:55px/40px 'CaslonCP', 'Roboto', sans-serif; color:var(--cor-dourado); margin-bottom:var(--padding); text-align: center;}
.testimonials .testimonials-slider .testimonial {margin-bottom:calc(var(--padding) * 0.75);}
.testimonials .testimonials-slider .testimonial span {color:var(--cor-dourado); font-weight: 700; display:block; text-align: center;}

/* Expressões de compaixão */
#page.expressoes {max-width:1200px; margin:0 auto;}
#page.expressoes h2 br {display:none;}
#page.expressoes .intro {margin-bottom:140px; columns:2; column-gap:var(--padding); color:var(--cor-azul);}
#page.expressoes .intro a {text-decoration:underline;}
#page.expressoes .intro p.sign {font-size:18px; color:var(--cor-azul); font-weight:300;}

.expressoes-list li {margin-bottom:140px;}
.expressoes-list li a {display:block;}
.expressoes-list .thumb {overflow:hidden; position:relative; width:100%; height:0; padding-bottom:49.87%; border-radius:26px;}
.expressoes-list .thumb-wrapper {position:absolute; top:0; right:0; bottom:0; left:0;}
/*.expressoes-list .thumb-wrapper:before {content:''; position:absolute; bottom:12px; left:9px; width:100px; height:97px; background:url(img/layout/cantoneira4.svg) no-repeat left bottom; background-size:contain; z-index:1;}
.expressoes-list .thumb-wrapper:after {content:''; position:absolute; bottom:12px; right:9px; width:100px; height:97px; background:url(img/layout/cantoneira3.svg) no-repeat right bottom; background-size:contain; z-index:1;}*/
.expressoes-list .thumb img {width:100%; height:auto; min-height:100%; position:absolute; top:50%; left:0; transform:translateY(-50%);}
.expressoes-list .title {padding:25px 35px 0; text-align:center;}
.expressoes-list .title h4 {font-size:40px; line-height:40px; font-weight:600; color:var(--cor-dourado);}
#wrap .expressoes-list .title p {font-size:28px; line-height:28px; color:var(--cor-dourado); margin-top:15px; margin-bottom:0;}
#wrap .expressoes-list .title p.excerpt {font-size:22px; line-height:1.3; color:var(--cor-azul);}

.expressoes-list .title .button {display:inline-block; margin-top:50px; padding:0 50px 3px; text-align:center; text-transform:lowercase; color:var(--cor-azul); border:3px solid var(--cor-azul); border-radius:50px; font-size:22px; line-height:50px; letter-spacing:1px;}
.expressoes-list .title .button:after {content:''; display:inline-block; width:9px; height:16px; position:relative; top:3px; background:url(img/layout/arrow-right.svg) no-repeat; margin-left:20px; transition:all 150ms ease-out;}
.expressoes-list a:hover .title .button {background:var(--cor-dourado); border-color:var(--cor-dourado); color:var(--cor-branco);}
.expressoes-list a:hover .title .button:after {background:url(img/layout/arrow-right-bege.svg) no-repeat; margin:0 -5px 0 25px;}

.expressoes-list li a:hover .thumb:after {opacity:1; animation:eyes 5s steps(1, end) infinite;}
.expressoes-list li .thumb:after {content:''; position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(191, 144, 0, .75) url(img/layout/eye-open.svg) no-repeat center 60%; opacity:0; transition:all 150ms ease-out;}

#page.expressoes.single {max-width:none; padding-top:0;}
#page.expressoes.single .main-media {margin-bottom:95px; position:relative; width:100%; padding-bottom:56.3%; height:0; overflow:hidden;}
#page.expressoes.single .main-media.margin-zero {margin-top:0 !important;}
#page.expressoes.single .main-media img {width:100%; height:auto; min-height:100%; position:absolute; top:50%; left:0; transform:translateY(-50%);}
#page.expressoes.single .main-media.thumbnail img {max-width:none; width:auto; min-width:100%; height:100%; position:absolute; top:0; left:50%; transform:translateX(-50%);}
#page.expressoes.single .main-media .unmute {position:absolute; right:0; bottom:80px; z-index:2; background:var(--cor-dourado); color:var(--cor-branco); padding:20px 35px 20px 100px; cursor:pointer; max-width:330px; min-height:80px; border-radius:50px 0 0 50px; font-size:20px; line-height:20px; transition:all 200ms ease-out;}
#page.expressoes.single .main-media .unmute .icon {background:url(img/layout/audio.svg) no-repeat left center; position:absolute; width:46px; height:100%; top:0; left:30px; animation:audio 5s ease-out infinite;}
#page.expressoes.single .main-media .unmute:hover {background:var(--cor-azul);}
#page.expressoes.single .main-media .unmute.clicked {transform:translateX(100%);}

#page.expressoes.single .meta h3 {font-size:70px;}
#page.expressoes.single .meta h4 {font-size:25px; font-weight:400; margin-top:-20px;}
#page.single.expressoes .entry .image-wrap {margin:60px 0;}
#page.single.expressoes .entry img {width:auto; height:auto;}

span.divider {display:block; /*background:url(img/layout/divider.svg) no-repeat center;*/ height:50px; margin:50px auto 50px;}

#page.single.expressoes .gallery {padding:0 125px; position:relative;}
#page.single.expressoes .gallery .gallery-image {margin-bottom:50px;}
#page.single.expressoes .gallery .gallery-image img {width:100%; height:auto;}
#page.single.expressoes .gallery .gallery-image p {margin:25px 35px 75px; color:var(--cor-azul); font-size:45px; line-height:45px; text-align:center;}

#page.single.expressoes .gallery .navigation {position:sticky; position:-webkit-sticky; top:50%; transform:translateY(-50%); margin:-265px 0 265px;}
#page.single.expressoes .gallery .navigation .position {position:absolute; top:0; left:0; transform:translateX(calc(-100% - 90px));}
#page.single.expressoes .gallery .navigation .rotate {display:flex; transform:rotate(-90deg); transform-origin:right top; max-width:265px; justify-content:space-between;}
#page.single.expressoes .gallery .navigation a {display:block; width:50px; height:50px; transform:rotate(90deg); background-size:contain;}
#page.single.expressoes .gallery .navigation a:hover {transform:rotate(90deg) scale(1.1);}
#page.single.expressoes .gallery .navigation a.up {background:url(img/layout/arrow-up.svg) no-repeat center top;}
#page.single.expressoes .gallery .navigation a.down {background:url(img/layout/arrow-down.svg) no-repeat center bottom;}
#page.single.expressoes .gallery .navigation a.disabled {opacity:.2; pointer-events:none;}
#page.single.expressoes .gallery .navigation span {font-size:20px; display:flex; align-items:center; padding-bottom:8px;}
#page.single.expressoes .gallery .navigation span strong:first-of-type {margin:0 5px;}
#page.single.expressoes .gallery .navigation span strong:last-of-type {margin:0 0 0 5px;}

#page.single.expressoes .relatos {padding-top:35px;}
#page.single.expressoes .relato {margin-top:100px;}
#page.single.expressoes .relato a {text-decoration:underline;}

/* Livro */
#page.book .intro-image img {object-fit: cover; min-width:100%; min-height: 100%;}
#page.book .intro-text {max-width:1200px; margin:0 auto; text-align: center;}
#page.book .intro-text p {font:38px/1.2 'CaslonCP', 'Roboto', sans-serif;}
#page.book .wait-list {margin-top:calc(var(--padding) * 2); background:var(--cor-azul); text-align:center; padding:var(--padding) 0; color:var(--cor-branco);}
#page.book .wait-list form {max-width:40%; margin:0 auto; position: relative;}
#page.book .wait-list label h4 {margin-bottom:15px;}
#page.book .wait-list input {color:var(--cor-branco);}
#page.book .wait-list button {margin-top:30px; float:none; color:var(--cor-branco); border-color:var(--cor-dourado); background:var(--cor-dourado) url(img/layout/arrow-right-bege.svg) no-repeat center right 60px;}
#page.book .wait-list button:hover, #page.book .wait-list button:focus {float:none; color:var(--cor-azul); border-color:var(--cor-branco); background:var(--cor-branco) url(img/layout/arrow-right.svg) no-repeat center right 60px;}
#page.book .wait-list .feedback {font-size:14px; position: absolute; top:calc(100% + 15px); left:0; width:100%; text-align:center;}
#page.book .wait-list .feedback:empty {display:none;}

/* Erro 404 */
#page.error404 .button {display:block; width:320px; margin:0 auto; padding:0 50px 3px; text-align:center; text-transform:lowercase; color:var(--cor-azul); border:3px solid var(--cor-azul); border-radius:50px; font-size:22px; line-height:50px; letter-spacing:1px;}
#page.error404 .button:before {content:''; display:inline-block; width:9px; height:16px; position:relative; top:3px; background:url(img/layout/arrow-left.svg) no-repeat; margin-right:20px; transition:all 150ms ease-out;}
#page.error404 .button:hover {background:var(--cor-dourado); border-color:var(--cor-dourado); color:var(--cor-branco);}
#page.error404 .button:hover:before {background:url(img/layout/arrow-left-bege.svg) no-repeat; margin:0 25px 0 -5px;}

/* Owl Carousel */
.owl-carousel {display:none; width:100%; -webkit-tap-highlight-color:transparent; position:relative; z-index:1;}
.owl-carousel .owl-stage {position:relative; -ms-touch-action:pan-Y; -moz-backface-visibility:hidden;}
.owl-carousel .owl-stage:after {content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0;}
.owl-carousel .owl-stage-outer {position:relative; overflow:hidden; -webkit-transform:translate3d(0px, 0px, 0px);}
.owl-carousel .owl-wrapper, .owl-carousel .owl-item {-webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; -ms-backface-visibility:hidden; -webkit-transform:translate3d(0, 0, 0); -moz-transform:translate3d(0, 0, 0); -ms-transform:translate3d(0, 0, 0);}
.owl-carousel .owl-item {position:relative; min-height:1px; float:left; -webkit-backface-visibility:hidden; -webkit-tap-highlight-color:transparent; -webkit-touch-callout:none;}
.owl-carousel.owl-loaded {display:block;}
.owl-carousel.owl-loading {opacity:0; display:block;}
.owl-carousel.owl-hidden {opacity:0;}
.owl-carousel.owl-refresh .owl-item {visibility:hidden;}
.owl-carousel.owl-drag .owl-item {-webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}
.owl-carousel.owl-grab {cursor:move; cursor:-webkit-grab; cursor:grabbing !important;}
.no-js .owl-carousel {display:block;}
.owl-carousel .animated {-webkit-animation-duration:400ms;animation-duration:400ms; -webkit-animation-fill-mode:both; animation-fill-mode:both;}
.owl-carousel .owl-animated-in {z-index:0;}
.owl-carousel .owl-animated-out {z-index:1;}
.owl-height {-webkit-transition:height 300ms ease-out;transition:height 300ms ease-out;}
.owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled {display:none;}
.owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot {cursor:pointer; cursor:hand; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}

#individual .owl-dots {position:absolute; right:8px; top:calc(100% + 10px); transform:translateY(-50%);}
#grupo .owl-dots {position:absolute; left:8px; top:calc(100% + 10px); transform:translateY(-50%);}

.owl-dot {width:10px; height:10px; background:var(--cor-azul); display:inline-block; margin-left:8px; overflow:hidden; border-radius:100%; padding:0;}
.owl-dot.active {background:transparent; border:2px solid var(--cor-azul);}

.testimonials .owl-dots {display:flex; align-items: center; justify-content: center; gap:12px;}
.testimonials .owl-dot {width:16px; height:16px; background:var(--cor-branco); transition:all 200ms ease-out;}
.testimonials .owl-dot.active {transform:scale(1.3); background:var(--cor-dourado); border:0;}

/* Reimaginar */
.postid-240:before {content:''; position:absolute; top:0; left:0; max-width:444px; width:20vw; height:30vw; background:url(img/layout/reimaginar/topo1.png) no-repeat; background-size:100%;}
.postid-240:after {content:''; position:absolute; top:0; right:0; max-width:860px; width:37vw; height:30vw; background:url(img/layout/reimaginar/topo2.png) no-repeat; background-size:100%;}
.postid-240 #page {position:relative;}
.postid-240 #page.single .entry blockquote {margin:80px 0; color:var(--cor-azul); max-width:750px;}
.postid-240 #page.single .entry {background:url(img/layout/reimaginar/bonecos.png) no-repeat bottom 15px right;}
.postid-240 #page.single.reflexoes .entry .image-wrap.alignleft {margin:0 35px 35px 0;}

.animate-slider {animation-name:animate-slider;}
@keyframes animate-slider {
    0% {opacity:1;}
    100% {opacity:0;}
}
@keyframes eyes {
    0% {background-image:url(img/layout/eye-open.svg);}
    30% {background-image:url(img/layout/eye-closed.svg);}
    33% {background-image:url(img/layout/eye-open.svg);}
    36% {background-image:url(img/layout/eye-closed.svg);}
    39% {background-image:url(img/layout/eye-open.svg);}
    100% {background-image:url(img/layout/eye-open.svg);}
}
@keyframes sun {
    0% {transform:rotate(0deg);}
    100% {transform:rotate(360deg);}
}
@keyframes audio {
    0% {transform:scale(1);}
    25% {transform:scale(1.1);}
    50% {transform:scale(1);}
    75% {transform:scale(1.1);}
    100% {transform:scale(1);}
}

@media screen and (min-width:1500px){
    #contato .sun {right:7%;}
}
@media screen and (min-width:1920px){
    #contato .sun {right:17%;}
}
@media screen and (max-width:1500px){
    #menu.home .nav {margin:0 9%; max-width:none;}
    .header.home.scrolled #menu.home {padding:0 3.6vw 30px;}
    .header.home.scrolled #menu.home h1 a {width:20vw;}
    #menu .nav a {font-size:26px; line-height:26px; letter-spacing:1px;}
    #menu.inner {padding:0 3.6vw 30px;}
    #menu.inner h1 a {width:20vw;}

    #page.single.expressoes .gallery {padding:0 50px 0 125px;}
}
@media screen and (min-width:1370px){
    #banner .text h2 {font-size: clamp(3rem, -0.9967rem + 4.7368vw, 4.6875rem); line-height: clamp(3rem, -0.9967rem + 4.7368vw, 4.6875rem);}
}
@media screen and (max-width:1370px){
    #banner .text h2 {font-size: 48px; line-height: 48px;}
    #banner .text .button {font-size:18px;}

    #banner .embellishment img.canto {max-width:7%;}

    #page {padding-top:200px;}

    .expressoes-list .thumb-wrapper:before, .expressoes-list .thumb-wrapper:after {max-width:7%;}
}
@media screen and (max-width:1280px){
    #menu .nav a {font-size:24px; line-height:26px; letter-spacing:0;}
}
@media screen and (max-width:1200px){
    .abordagem .details {margin:var(--padding) var(--padding) 0;}
}
@media screen and (max-width:1080px){
    #frase {margin:20% auto;}
    #frase h2 {font-size:6.5vw; line-height:6.5vw;}
    #page {padding-top:160px;}
    #reflexoes {margin-bottom:15%;}
    .posts-list li a .thumb:after {background-size:60%;}
    .posts-list li p {font-size:23px; line-height:27px;}

    #sobre h3 {font-size: clamp(2.875rem, 1.8373rem + 3.0189vw, 3.875rem); line-height: clamp(2.875rem, 1.8373rem + 3.0189vw, 3.875rem);}
    #textos h3 {font-size: clamp(2.875rem, 1.8373rem + 3.0189vw, 3.875rem); line-height: clamp(2.875rem, 1.8373rem + 3.0189vw, 3.875rem);}
    #expressoes .text h4 {font-size: clamp(2.875rem, 1.8373rem + 3.0189vw, 3.875rem); line-height: clamp(2.875rem, 1.8373rem + 3.0189vw, 3.875rem);}
    #contato h3 {font-size: clamp(2.875rem, 1.8373rem + 3.0189vw, 3.875rem); line-height: clamp(2.875rem, 1.8373rem + 3.0189vw, 3.875rem);}

    .header.home:before {bottom:80px; left:0; transition:all 300ms ease-out;}
    .header.home:after {bottom:80px; right:0; transition:all 300ms ease-out;}
    .scrolled.header:before, .scrolled.header:after {bottom:-15px;}
    .header:before, .header:after {bottom:-15px;}

    #menu a.whatsapp {position: fixed; right:16px; top:150px; background-color:#6bd028; width:54px; height:54px; border-radius: 54px; box-shadow:0 0 10px rgba(255, 255, 255, .12)}

    #menu.inner .nav a {font-size:24px; letter-spacing:0;}
    .header.home.scrolled #menu.home .nav a {font-size:24px; letter-spacing:0;}

    .header.inside {transform:translateY(0);}

    #menu.home .burger {justify-content:center; padding:10px 30px; font-size:35px;}
    #menu .burger {opacity:1; visibility:visible; pointer-events:all; position:static; width:auto; height:auto; color:var(--cor-branco); height:100%; padding:30px; display:flex; align-items:center; font:40px 'CaslonCP', 'Roboto', sans-serif; letter-spacing:2px; text-transform:lowercase; cursor:pointer;}
    
    #menu.inner {height:125px; padding-bottom:25px;}

    #menu .nav a.whatsapp {display:none !important;}

    .header.home.scrolled #menu.home {height:125px; padding-bottom:25px;}
    
    .header.home.scrolled #menu.home h1 a {width:40vw; max-width:257px;}
    #menu.inner h1 a {width:40vw; max-width:257px;}
    #wrap #menu .nav {opacity:0; pointer-events:none; visibility:hidden; position:fixed; top:0; left:0; right:0; height:100vh; z-index:-2; background:var(--cor-dourado); padding-top:148px; transform:translateY(-100vh); transition:transform 600ms ease-in-out; display:block; margin:0;}
    #wrap #menu .nav.open {transform:translateY(0); opacity:1; pointer-events:all; visibility:visible;}
    #wrap #menu .nav.open a {display:flex; align-items:center; justify-content:center; text-align:center; height:calc(96dvh / 8); font-size:5vh; line-height:4dvh; margin:0; padding:0 10px;}
    #wrap #menu .nav.open a:hover:after {display:none;}
    #menu.inner .nav a.active {font-style:italic;}
    #menu.inner .nav a.active:after {display:none;}
    #wrap #menu.home .nav {padding-top:130px;}

    #sobre {padding-bottom:30px;}
    #sobre:before, #sobre:after {width:160px; height:100px;}

    #page.servicos.educacional .intro {flex-direction:column;}
    #page.servicos.educacional .intro p {order:2;}
    #page.servicos.educacional .intro img {max-width:100%; width:100%; order:1;}

    .postid-240 #page.single .entry blockquote {width:100%; max-width:100%;}

    #banner .text {padding-left:12%;}
}
@media screen and (max-width:1080px) and (orientation: landscape){
    #wrap #menu.home .nav {padding-top:70px;}
    #wrap .scrolled #menu.home .nav {padding-top:130px;}
}
@media screen and (min-width:950px){
    body.single-expressoes .header {position:absolute;}
    body.single-expressoes #menu.inner {padding:0 3vw 30px;}
    body.single-expressoes #menu.inner .background-mask {background:transparent;}
    body.single-expressoes .header:before, body.single-expressoes .header:after {display:none;}
}
@media screen and (max-width:950px){
    :root {
        --padding:36px;
    }

    .mobile-check {display:block;}

    #banner .inner.video a {display:block; pointer-events:none;}

    #wrap #page h2 {font-size:6.5vw; line-height:7vw; margin-bottom:8vw;}
    #page.sobre .monica h3 {font-size:6.5vw; line-height:7vw;}
    #page.sobre .timeline h3 {font-size:6.5vw; line-height:7vw;}
    #page.expressoes h2 br {display:block;}

    #servicos {margin:0;}
    #servicos .flex {flex-direction: column; gap:50px;}
    #wrap #servicos .flex > div {width: 100%; text-align: center;}

    #page.sobre .holos .text, #page.expressoes .intro {columns: unset;}

    #wrap #page.servicos .service {display:flex; flex-direction:column;}
    #page.servicos #grupo {margin:14vw auto;}
    #wrap #page.servicos .service .wrapper {margin-top:50px;}
    #wrap #page.servicos .service .gallery-slider {float:none; width:100%; max-width:none; margin:0 0 35px;}
    #wrap #page.servicos .service .owl-dots {width:100%; left:0; right:0; text-align:center;}
    #wrap #page.servicos .service .gallery-slider .counter {left:10px; right:0; text-align:center;}
    #page.servicos .testimonials {padding:50px 0;}
    #page.servicos .testimonials h3 {padding:0 35px; word-break:break-all;}
    .testimonials .owl-dots {right:-25px;}

    #page.expressoes.single {padding-top:160px;}
    #page.single.expressoes .gallery {padding:0 0 0 80px;}
    #page.single.expressoes .gallery .navigation .position {transform:translateX(calc(-100% - 65px));}

    .postid-240 #page.single .entry {background-position:bottom center; padding-bottom:55vw;}

    .abordagem .meta {flex-direction: column; align-items: baseline;}
    .abordagem .meta .text {width: 100%;}
    .abordagem .meta img {height:160px;}
    .abordagem .meta h4 {font-size: clamp(2.8125rem, 1.9531rem + 2.5vw, 3.4375rem); margin-bottom:0;}
}
@media screen and (max-width:850px){
    #frase {margin:16% auto 20%;}
    #frase h2 {font-size:7.8vw; line-height:7.8vw;}
    #reflexoes .title {width:67%;}
    .posts-list {flex-direction:column; align-items:center;}
    .posts-list li {width:100%; max-width:380px; margin-bottom:45px;}
    .posts-list li.empty {display:none;}
    #wrap .posts-list li .thumb, #wrap .posts-list li .thumb:after {border-radius:200px 200px 0 0;}
    #wrap #servicos .flex > div {width:100%; text-align:center;}
    #servicos:before, #servicos:after {display:none;}
    #servicos .flex .terapeutica {padding-bottom:155px; margin-bottom:15px; background:url(img/layout/servicos-divider-mobile.svg) no-repeat center bottom;}
    #contato .flex {display:block;}
    #contato .form {max-width:none;}
    #contato .info {margin:80px 0 0; max-width:none;}

    #page.sobre .main-image {float:none; margin:0 auto 50px; width:100%; text-align:center;}
    #page.sobre .video {float:none; margin:50px auto;}
    #page.sobre .metodo .image {float:none; margin:50px 0; text-align:center;}
    #page.sobre .monica .image {float:none; max-width: none; margin:50px 0; text-align:center;}

    #page.expressoes.single .main-media {margin:0 0 10vw;}

    #wrap #page.single.reflexoes .entry .image-wrap {width:auto; margin:var(--padding) calc(var(--padding) * -1); border-radius:0; float:none;}

    .expressoes-list .title h4 {font-size: 5.2vw; line-height:6.2vw;}
    /* .expressoes-list .thumb,  #wrap .expressoes-list .thumb:after {border-radius:140px 140px 0 0;} */
    /* #expressoes .thumb,  #wrap #expressoes .thumb:after {border-radius:140px 140px 0 0;} */

    #blog .latest-posts-list {flex-direction:column; align-items:center;}
    #blog .latest-posts-list a {width:60%; margin-bottom:50px;}
    #blog .dividers {display:none;}

    #expressoes h4 {font-size:32px; line-height:38px;}

    .postid-240 #page.single .entry {background-size:100% auto; padding-bottom:70vw;}

    .abordagem .details ul {flex-direction: column; align-items: center;}
    .abordagem .details li br {display: none;}

    #page.book .intro-text p {font-size: clamp(1.75rem, 0.6042rem + 3.3333vw, 2.375rem);}
    #page.book .wait-list form {max-width: 80%;}

    .banner-wrapper {min-height:850px;}
    #banner {min-height:850px; padding-top:90px;}
    #banner .slide {flex-direction: column; align-items: center;}
    #banner .text {order:2; padding:0; justify-content: flex-start;}
    #banner .visuals {order:1; width:auto; height:60%;}
}
@media screen and (max-width:700px){
    #page.sobre .more-photos {padding:0 0 80px;}
    #page.sobre .more-photos .slider .owl-nav .owl-prev, #page.sobre .more-photos .slider .owl-nav .owl-prev:hover {top:calc(100% + 20px); right:55%; left:auto; background:url(img/layout/slider-arrow-left-hover.svg) no-repeat top left; max-width:33%;}
    #page.sobre .more-photos .slider .owl-nav .owl-next, #page.sobre .more-photos .slider .owl-nav .owl-next:hover {top:calc(100% + 20px); left:55%; right:auto; background:url(img/layout/slider-arrow-right-hover.svg) no-repeat top right; max-width:33%;}

    #wrap .pagination {margin-top:50px;}
    #wrap .pagination a, #wrap .pagination span {display:none;}
    #wrap .pagination a.prev, #wrap .pagination a.next {display:inline-block; background-size:auto 70%;}
    #wrap .pagination a.prev {background-position:left center;}
    #wrap .pagination a.next {background-position:right center;}

    .expressoes-list li .thumb:after {background-size:32%;}

    #page.expressoes.single .meta h3 {font-size:55px; line-height:48px;}
    #page.expressoes.single .main-media .unmute {padding:0 0 0 50px; min-height:50px; bottom:50px; display:flex; align-items:center;}
    #page.expressoes.single .main-media .unmute .icon {width:30px; background-size:contain; left:15px;}
    #page.expressoes.single .main-media .unmute span {font-size:11px; line-height:11px; max-width:110px;}

    #wrap #page.sobre .timeline li {flex-direction: column; align-items: center; justify-content: center; text-align: center; padding:0; margin:0 0 80px; gap:16px;}
    #page.sobre .timeline li .lala .lele {display: block;}
    #page.sobre .timeline li .lele:after {display: none;}
    #page.sobre .timeline li:nth-child(even) .lala {order:unset;}
    #page.sobre .timeline li:nth-child(even) p {order:unset;}
    #page.sobre .timeline h4 {background-color:var(--cor-branco); margin-bottom:10px; position: static;}
    #page.sobre .timeline p {margin:0 auto; background-color:var(--cor-branco); width:80%;}
    #page.sobre .timeline .thumb {background-color:var(--cor-branco); border-top:10px solid var(--cor-branco); border-bottom:10px solid var(--cor-branco); margin-bottom:12px;}

    #page.sobre .timeline li:nth-child(n+2):before {content:''; background:url(img/layout//timeline-topper.png) no-repeat center top; width:2px; height:14px; position:absolute; top:-47px; left:50%; margin-left:-1px;}
    #wrap #page.sobre .timeline li:last-child {margin-bottom:0;}

    #blog .latest-posts-list h4 {font-size:22px; line-height:26px;}

    .intro-image {height:58vw;}

    #page.servicos .intro-navigation {padding:0 12px;}
    #page.servicos .intro-navigation button {width:20px; color:var(--cor-azul);}
}
@media screen and (max-width:550px){
    #menu .burger {font-size:36px;}
    #menu.home .burger {padding:5px 30px; font-size:28px; letter-spacing:1px;}
    #wrap #menu.home .nav {padding-top:80px;}
    #wrap #menu .nav {padding-top:90px;}

    #menu.inner h1 a {max-width:145px;}

    .paddings {padding-left:35px; padding-right:35px;}
    #frase {margin:16% auto 24%;}
    #frase h2 {font-size:9vw; line-height:9vw;}
    #frase .button {padding:0 35px 3px; margin-top:50px; font-size:18px; line-height:48px;}
    .expressoes-list .title .button {padding:0 35px 3px; margin-top:35px; font-size:18px; line-height:48px;}
    #reflexoes .title {width:62%; margin-bottom:-8px;}
    #servicos .flex h4 {font-size:45px; margin-bottom:20px;}
    /* #sobre h3, #servicos h3, #contato h3, #expressoes h3, #blog h3 {font-size:15vw; line-height:15vw;} */
    #textos {margin:calc(var(--padding) * 2);}
    #contato {padding:90px 35px 100px;}
    #contato .flex {margin-top:50px; z-index:2; position:relative;}
    #contato .sun {bottom:22%; right:-40px; max-width:65%;}
    .form .submit {float:none;}
    .security-question {display:block;}
    .form .obs {text-align:left;}
    #contato .info span {font-size:4.8vw; margin:35px 0;}
    #contato .faq {font-size:14px;}

    #expressoes {flex-direction: column;}
    #expressoes .thumb {width: 100%; max-height:80vh;}
    #expressoes .text {padding-top:90px; padding-bottom:90px;}

    .scrolled.header:before {bottom:-18px; left:0;}
    .scrolled.header:after {bottom:-18px; right:0;}

    .header:before {bottom:-18px; left:0;}
    .header:after {bottom:-18px; right:0;}

    #menu a.whatsapp {top:130px;}
    #menu.inner {height:100px; padding-bottom:20px;}
    .header.home.scrolled #menu.home {height:100px; padding-bottom:20px;}

    #sobre p {font-size:23px;}

    #page {padding-top:150px;}
    #wrap #page h2 {font-size:9vw; line-height:10vw; padding:0 18vw;}
    #page.sobre .monica h3 {font-size:9vw; line-height:10vw;}
    #page.sobre .timeline h3 {font-size:9vw; line-height:10vw;}
    #page.sobre .timeline h4 {font-size:8vw; line-height:8vw;}
    #page h3, #page.expressoes.single .meta h3 {font-size:45px; line-height:38px;}

    #page.sobre .more-photos {margin:130px -35px 0;}
    
    #page.reflexoes .posts-list {padding:0;}
    /* #page.single .meta span {font-size:20px; margin-top:-5px; display:block;} */
    #wrap #page.single.reflexoes .entry .image-wrap {margin:50px -35px;}
    #page.single.reflexoes .entry .image-wrap:after {top:14px; left:14px; right:14px; bottom:14px; border-radius:26px;}

    #page.single.reflexoes .entry .wp-video {border-radius:30px;}
    #page.single.reflexoes .entry .wp-video:after {top:14px; left:14px; right:14px; bottom:14px; border-radius:26px;}

    .more-posts a .thumb {display:none;}

    #wrap #page.servicos .service .wrapper {margin-top:25px;}
    .abordagem .details {margin:var(--padding) calc(var(--padding) * .5) 0; padding:calc(var(--padding) * 1.25) calc(var(--padding) * 1);}

    .expressoes-list .title h4 {font-size:32px; line-height:32px;}
    .expressoes-list .title {padding:20px 5px 0;}
    #wrap .expressoes-list .title p {font-size:22px; line-height:22px;}
    #page.single .entry blockquote {font-size:35px; line-height:35px; width:90%;}
    span.divider {height:5px;}
    #page.expressoes.single .main-media {margin:-4vw 0 12vw;}
    #page.single.expressoes .gallery {padding:0;}
    #page.single.expressoes .gallery .navigation {display:none;}
    #page.single.expressoes .gallery .gallery-image p {font-size:30px; line-height:30px; margin:15px 15px 50px;}

    #servicos {margin-bottom:24%;}
    #blog {margin-top:24%; margin-bottom:24%;}
    #blog .latest-posts-list a {width:80%; margin-bottom:50px;}
    #blog .latest-posts-list a:last-of-type {margin-bottom:0;}

    #banner h1 {width:34%; top:23%;}

    #page.servicos .testimonials li {padding:40px 40px 0;}

    .postid-240:before {top:50px;}
    .postid-240:after {top:50px;}

    .abordagem .details ul {align-items: baseline;}
    .abordagem .details a.button {width: 80%; text-align: center;}

    #banner .owl-dots {margin-top:0;}
    #banner .text h2 {font-size: clamp(2.75rem, 1.2266rem + 6.25vw, 3.375rem); line-height: clamp(2.75rem, 1.2266rem + 6.25vw, 3.375rem); text-align: center;}
    #banner .text .button {margin: 0 auto;}

    #page.book .wait-list form {max-width:100%;}
    #page.book .wait-list form input {font-size:28px;}

    .modal .content h5 {font-size:38px; line-height:38px; text-align: left;}
    .modal .content h6 {font-size:18px;}
    .modal .content .item .answer p {font-size:16px;}
}
@media screen and (max-width:490px){
    #page h3, #page.expressoes.single .meta h3 {font-size:8.5vw; line-height:9vw;}
}
@media screen and (max-width:450px){
    #textos {margin:var(--padding);}
}