.js #loadingIndicator {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #f9f4fc;
display: flex;
justify-content: center;
align-items: center;
z-index: 9999;
opacity: 1;
transition: opacity .2s ease-out;
pointer-events: none;
} .js #loadingIndicator.hidden {
opacity: 0;
pointer-events: none;
}
.js .lazy__image {
opacity: 0;
transition: opacity 0.3s ease; }
.js .lazy__image.visible {
opacity: 1;
}
.js .loading {
opacity: 0; transition: opacity .3s ease-in; }
.js .loaded {
opacity: 1; }
.main__home {
background: linear-gradient(98deg, rgba(245,253,245,.4), rgba(245,253,245,.9), rgba(245,253,245,.8), rgba(245,253,245,.3), rgba(245,253,245,0)), url(//www.djmogidascruzes.com.br/wp-content/themes/djs/img/bg/bg-desktop-5.webp) no-repeat center;
background-size: cover;
height: 590px;
display: flex;
align-items: center;
}
.main__flex {
display: flex;
gap: 1rem;
}
.segura__main {
flex: 0 0 420px;
max-width: 60%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: self-start;
}
.banner__main img {
max-width: 700px;
position: relative;
right: -3rem;
}
.main__home h2 {
font-family: 'PT Serif', serif;
font-size: 3.25rem;
line-height: 3.5rem;
margin-bottom: 1rem;
position: relative;
letter-spacing: -0.1rem;
}
.main__home h2 span {
font-family: 'PT Serif', serif;
background: var(--verde-neon);
color: var(--preto);
padding: 0.35rem .5rem;
margin-left: -.5rem;
font-style: normal;
letter-spacing: 0;
line-height: 2rem;
display: inline-block;
}
.main__home p {
max-width: 95%;
}
@media (max-width: 900px) {
.main__home {
display: flex;
align-items: end;
height: 400px;
background: linear-gradient(180deg, rgba(255, 245, 255, .2), rgba(255, 245, 255, 0.2), rgba(255, 255, 255, .95)), url(//www.djmogidascruzes.com.br/wp-content/themes/djs/img/bg/bg-mobile-5.webp) no-repeat center;
background-size: cover;
}
.main__flex {
margin-bottom: -3rem;
background: #FFFFFFCC;
padding: .75rem .25rem;
}
.segura__main p {
display: none;
}
.main__home .btn__inverter {
display: none;
}
.main__home h2 {
font-size: 2.25rem;
line-height: 2.5rem;
margin-bottom: 0;
}
.page__interna {
padding-top: 2rem !important;
}
}
.customize-support header {
margin-top: 32px;
}  html {
font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body {
margin: 0;
background:var(--secundaria-2);
}  article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,blog__ver_mais
nav,
section,
summary {
display: block;
} audio,
canvas,
progress,
video {
display: inline-block; vertical-align: baseline; } audio:not([controls]) {
display: none;
height: 0;
} [hidden],
template {
display: none;
}  a {
background-color: transparent;
-webkit-font-smoothing: antialiased;
} a:active,
a:hover {
outline: 0;
}  abbr[title] {
border-bottom: 1px dotted;
} b,
strong {
font-weight: 600;
letter-spacing: 0.02em;
-webkit-font-smoothing: antialiased;
} dfn {
font-style: italic;
} h1 {
font-size: 2em;
margin: 0.67em 0;
} mark {
background: #ff0;
color: #000;
} small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}  img {
border: 0;
} svg:not(:root) {
overflow: hidden;
}  figure {
margin: 1em 40px;
} hr {
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0;
} pre {
overflow: auto;
} code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em;
}   button,
input,
optgroup,
select,
textarea {
color: inherit; font: inherit; margin: 0; } button {
overflow: visible;
} button,
select {
text-transform: none;
} button,
html input[type="button"], input[type="reset"],
input[type="submit"] {
-webkit-appearance: button; cursor: pointer; } button[disabled],
html input[disabled] {
cursor: default;
} button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
} input {
line-height: normal;
} input[type='checkbox'],
input[type='radio'] {
box-sizing: border-box; padding: 0; } input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button {
height: auto;
} input[type='search'] {
-webkit-appearance: textfield; -moz-box-sizing: content-box;
-webkit-box-sizing: content-box; box-sizing: content-box;
} input[type='search']::-webkit-search-cancel-button,
input[type='search']::-webkit-search-decoration {
-webkit-appearance: none;
} fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
} legend {
border: 0; padding: 0; } textarea {
overflow: auto;
} optgroup {
font-weight: bold;
}  table {
border-collapse: collapse;
border-spacing: 0;
}
td,
th {
padding: 0;
}  a {
text-decoration: none;
} ol,
ul {
list-style: none;
}
html,
body,
div,
span,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
a,
em,
img,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
article,
footer,
header,
nav,
section,
main {
margin: 0;
padding: 0;
border: 0;
vertical-align: baseline;
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
ul {
font-size: 1em;
font-weight: normal;
}
button {
border: 0;
outline: 0;
margin: 0;
padding: 0;
background: none;
}
::selection {
background-color: var(--secundaria-1);
color: var(--preto);
}
::focus {
outline: none !important;
}
html {
scroll-behavior: smooth;
}
body {
overflow-x: hidden;
}
a, img, input, button, label, summary, details, textarea {
-webkit-tap-highlight-color: rgba(0,0,0,0);
-webkit-touch-callout: none !important;
-webkit-user-select: none !important;
-khtml-user-select: none !important;
-moz-user-select: none !important;
-ms-user-select: none !important;
user-select: none !important;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
display: block;
}
audio,canvas,progress,video {
display: inline-block;
vertical-align: baseline;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden],template {
display: none;
}
a:active, a:hover, a::focus, a:visited {
outline: none;
background-color: #00000000;
} ::-moz-selection {
color: none;
background: none;
}
::-webkit-details-marker {
display: none;
}
::-webkit-scrollbar {
width: 14px;
height: 14px;
}
::-webkit-scrollbar-thumb {
background: var(--verde-neon);
}
::-webkit-scrollbar-track {
background: var(--secundaria-3);
} :root {
--preto-1: #FCFCFC;
--preto-2: #F5F5F5;
--preto-3: #E9E8E9;
--preto-4: #D8D6D9;
--preto-5: #C2C0C3;
--preto-6: #A6A3A8;
--preto-7: #868188;
--preto-8: #615C65;
--preto-9: #37303B;
--preto: #0E0E0E;
--preto-dark: #000;
--roxo-1: #FFD3FF;
--roxo-2: #FFA1FF;
--roxo-3: #FF80FF;
--roxo-4: #E35FFF;
--roxo-5: #C03BFF;
--roxo-6: #9E01EE;
--roxo-7: #580185;
--roxo-8: #27003B;
--roxo-9: #170023;
--roxo-10: #0B0011;
--amarelo-1: #FFFFF1;
--amarelo-2: #FEFEDC;
--amarelo-3: #FCFBB0;
--secundaria-1: #f9f4fc;
--secundaria-2: #F4F5FF;
--secundaria-3: #f5fdf6;
--secundaria-4: #EFF0FD;
--verde-neon: #2EFE46;
--azul-neon: #3CFCE9;
--amarelo-neon: #F9F871;
--rosa-neon: #FF008A;
--branco: #FFF;
--azul: #3F8EFC;
--container-maior: 1380px;
--padding-container: 0 1rem;
--container-menor: 1080px;
--respiro: 4rem 0;
}
* {
font-family: 'Poppins', sans-serif;
color: var(--preto-1);
-webkit-font-smoothing: antialiased;
box-sizing: border-box;
letter-spacing: .01rem;
}
h1 {
font-size: 3.5rem;
line-height: 3.6rem;
margin-bottom: 2rem;
letter-spacing: 0.01rem;
}
h2 {
font-size: 2rem;
line-height: 3rem;
margin-bottom: 2rem;
letter-spacing: 0.01rem;
}
h1,
h2,
h3,
h4,
h5
{
font-family: 'PT Serif', serif;
-webkit-font-smoothing: antialiased;
}
em {
color: var(--preto-9);
}
p {
margin-bottom: 1.25rem;
line-height: 1.5rem;
}
figure>table {
margin-bottom: 1rem;
}
table, th, td {
border: 1px solid var(--preto-4) !important;
border-collapse: collapse;
} 
td, th, figcaption {
color: var(--preto-9);
font-size: .875rem;
}
tr:nth-child(odd) {
background-color: var(--preto-1);
}
.anchor {
display: block;
height: 7rem;
margin-top: -7rem;
visibility: hidden;
}
img, video {
display: block;
max-width: 100%;
height: auto;
object-fit: cover;
} .container__maior {
max-width: var(--container-maior);
}
.container__menor {
max-width: var(--container-menor);
}
.font_primaria {
font-family: 'Poppins', sans-serif;
}
.font_secundaria {
font-family: 'PT Serif', serif;
}
.underline {
text-decoration: underline;
}
.pinta__bg_roxo_1 {
background: var(--secundaria-1) !important;
}
.pinta__bg_amarelo_1 {
background: var(--secundaria-3) !important;
}
.pinta__bg_preto_9 {
background: var(--preto) !important;
}
.pinta__roxo_2 {
color: var(--roxo-6);
}
.pinta__amarelo_principal {
color: var(--secundaria-3);
}
.pinta__preto_principal {
color: var(--preto) !important;
}
.pinta__preto_1 {
color: var(--preto-1) !important;
}
.pinta__preto_2 {
color: var(--preto-2) !important;
}
.pinta__preto_3 {
color: var(--preto-3) !important;
}
.pinta__preto_4 {
color: var(--preto-4) !important;
}
.pinta__preto_5 {
color: var(--preto-5) !important;
}
.pinta__preto_6 {
color: var(--preto-6) !important;
}
.pinta__preto_7 {
color: var(--preto-7) !important;
}
.pinta__preto_8 {
color: var(--preto-8) !important;
}
.pinta__preto_9 {
color: var(--preto-9) !important;
}
.pinta__branco {
color: var(--branco) !important;
}
.pinta__azul {
color: var(--azul) !important;
}
.pinta__bg_gradiente {
background: linear-gradient(147deg, var(--rosa-neon) 0%, #6800BC 58%, var(--roxo-6) 100%);
}
.fw300 {
font-weight: 300;
}
.fw400 {
font-weight: 400;
}
.fw500 {
font-weight: 500;
}
.fw600 {
font-weight: 600;
}
.fw700 {
font-weight: 700;
}
.pd {
padding: var(--padding-container);
}
.mgauto {
margin: 0 auto;
}
.mb05rem {
margin-bottom: .5rem !important;
}
.ml025 {
margin-left: .25rem !important; 
}
.pt1rem {
margin-top: 1rem !important;
}
.pt2rem {
padding-top: 2rem !important;
}
.pb1rem {
padding-bottom: 1rem !important;
}
.mt1rem {
margin-top: 1rem !important;
}
.mt2rem {
margin-top: 2rem !important;
}
.mb0 {
margin-bottom: 0 !important;
}
.mb1rem {
margin-bottom: 1rem !important;
}
.mb2rem {
margin-bottom: 2rem !important;
}
.fs875 {
font-size: .875rem !important;
}
.fs1 {
font-size: 1rem !important;
}
.fs2 {
font-size: 2rem !important;
}
.fs1_5 {
font-size: 1.5rem !important; 
}
.align__center {
text-align: center !important;
}
.align__left {
text-align: left !important;
}
.uppercase {
text-transform: uppercase !important;
}
.w100 {
width: 100% !important;
}
.row_reverse {
flex-direction: row-reverse;
}
.h2__center {
text-align: center;
margin: 0 1rem 2rem 1rem;
font-size: 2.5rem;
letter-spacing: .01rem;
line-height: 3rem;
color: var(--secundaria-3);
}
.h2__center_p, .h2__left_p {
font-family: 'PT Serif', serif;
font-size: 2.5rem;
letter-spacing: .01rem;
margin: 0 0 .25rem 0;
line-height: 3rem;
position: relative;
color: var(--preto);
}
.h2__left_p:before {
content: "";
position: absolute;
top: 0.15rem;
left: -1.5rem;
width: 13rem;
height: 2.75rem;
background-color: var(--roxo-1);
z-index: -1;
}
.p__center_h2 {
color: var(--preto-7);
}
.espacador:after {
content: '';
width: 3rem;
height: 4px;
display: block;
margin: 1rem auto;
background: var(--branco);
}
.espacador_left:after {
margin: .25rem 0;
}
.espacador__roxo:after {
background: var(--roxo-6);
}
.espacador__rosa:after {
background: var(--rosa-neon);
}
.espacador__verde:after {
background: var(--verde-neon);
}
.flex__container {
display: flex;
justify-content: space-between;
align-items: center;
gap: 1rem
}
.flex__column {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.italic {
font-style: italic;
}
.position__relative {
position: relative;
}
.position__absolute {
position: absolute;
}
.botao__cta {
padding: .75rem 1.5rem;
display: inline-flex;
border-radius: 3rem;
align-items: center;
font-weight: 500;
background: var(--branco);
color: var(--preto-9);
transition: .2s ease;
}
#botaoZap {
margin-bottom: 0;
color: var(--branco);
}
.ver__mais {
margin-top: 3rem;
display: flex;
flex-direction: row-reverse;
color: var(--preto-7);
}
.btn__ver_mais a:hover {
color: var(--preto-9);
}
.whatsapp__cta_single {
text-decoration: none !important;
}
.respiro__topo {
padding-top: 140px;
display: block;
}
.respiro__section {
padding: var(--respiro);
} .menu__topo {
background: var(--preto);
padding: 1rem 0;
}
.menu__topo p {
text-align: left;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.menu__topo a,
.menu__topo p,
.menu__topo strong
{
color: var(--preto-2);
line-height: 1.25rem;
font-size: .875rem;
}
.menu__topo strong {
font-weight: 600;
color: var(--preto-1);
border-bottom: 1px solid var(--verde-neon);
}
.menu__flex {
display: flex;
justify-content: space-between;
align-items: center;
max-width: var(--container-maior);
padding: var(--padding-container);
grid-gap: 2rem;
margin: 0 auto;
}
#menu-menu-principal li,
.menu__flex li,
.menu__flex p {
margin-bottom: 0;
}
.whatsapp__button {
display: flex;
align-items: center;
min-width: 26px;
}
.whatsapp__button span {
margin-right: .75rem;
line-height: 1.275rem;
font-size: .875rem;
color: var(--preto-2);
}
.whatsapp__button:hover {
cursor: pointer;
}
.segura__btns_menu {
display: flex;
gap: 1rem;
} .segura__menu_main {
border-bottom: 1px solid var(--verde-neon);
background: var(--preto-dark);
box-shadow: 0 0 10px rgb(0 0 0 / 25%);
}
#headerGroup {
position: fixed;
width: 100%;
transform: translate3d(0, 0, 0);
top: 0;
z-index: 10;
}
#headerMain {
box-sizing: border-box;
display: flex;
max-width: var(--container-maior);
align-items: center;
margin: 0 auto;
justify-content: space-between;
z-index: 100;
}
.logo__main_menu {
display: flex;
align-items: center;
max-height: 10px;
}
.logo__main_menu span {
margin: 0;
letter-spacing: .05rem;
font-weight: 600;
font-size: 1.5rem;
color: var(--branco);
}
.logo__main_menu h1, .logo__main_menu span {
height: 0;
text-indent: -99999px;
white-space: nowrap;
overflow: hidden;
}
.menu__main__group {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
line-height: 2.25rem;
}
.btn__menu_radius {
background: var(--verde-neon);
border: 1px solid var(--verde-neon);
color: var(--preto);
padding: .5rem 1.25rem;
border-radius: 2rem;
transition: .2s ease-in;
}
.btn__inverter {
background: var(--preto);
color: var(--branco);
border: 1px solid var(--verde-neon);
transition: .2s ease;
}
.btn__inverter:hover {
background: var(--verde-neon);
color: var(--preto);
border: 1px solid transparent;
}
.btn__menu_radius:hover {
background: var(--preto-dark);
color: var(--branco);
border: 1px solid var(--verde-neon);
}
#menu-menu-principal {
display: flex;
list-style: none;
flex-wrap: wrap;
align-items: center;
grid-gap: 2rem;
}
#menu-menu-principal li a {
display: block;
transition: .2s ease;
padding: 1.33rem 0 1rem 0;
font-size: .95rem;
font-weight: 400;
color: var(--preto-1);
}
#menu-menu-principal li a::after {
content: '';
display: block;
margin-top: 0.2em;
border-bottom: 4px solid transparent;
position: relative;
top: 1.01rem;
width: 5%;
transition: 0.3s ease;
}
#menu-menu-principal li a:hover::after,
#menu-menu-principal li a.active::after {
width: 100%;
position: relative;
top: 1.01rem;
border-bottom: 4px solid var(--verde-neon);
}
.menu-item-has-children a::after {
border-bottom: 4px solid var(--verde-neon) !important;
width: 30% !important;
}
.menu-item-has-children a:hover::after,
.menu-item-has-children a.active::after {
width: 100% !important;
border-bottom: 4px solid var(--verde-neon) !important;
}
.current-menu-item a {
font-weight: 600 !important;
color: var(--preto-1) !important;
}
#btnMainMobile {
display: none;
}
.show__mob {
display: none !important;
}
.sub-menu {
position: absolute;
top: 80px;
z-index: 100;
text-align: end;
width: max-content;
left: -5rem;
background: var(--preto);
border: 2px solid var(--verde-neon);
padding: 1rem 1.5rem;
display: none;
transition: 0.3s ease;
}
.segura__itens_submenu {
text-align: left;
}
.segura__itens_submenu a {
padding: .25rem 0 !important; 
color: var(--preto-1) !important;
line-height: 1.75rem;
}
.segura__itens_submenu a:hover {
text-decoration: underline;
}
.sub-menu p, .sub-menu span {
color: var(--preto-7) !important;
margin-bottom: .75rem;
}
.menu-image-title-after.menu-image-title {
font-family: 'PT Serif', serif;
font-size: 1.5rem;
}
.sub-menu li a::after {
content: none !important;
} .main__home p strong {
color: var(--preto-9);
} .seta {
display: none;
}
.section__amenidades {
padding: 2rem 0;
text-align: center;
position: relative;
margin-top: -4rem;
}
.section__amenidades:before {
content: '';
background-color: var(--verde-neon);
height: 1rem;
width: 15%;
display: block;
position: absolute;
top: 4rem;
right: 0px;
z-index:-1;
}
.ul__box_amenidades {
margin: 0 auto;
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-gap: 1.5rem;
}
.box__amenidades {
display: flex;
flex-direction: column;
background: var(--branco);
align-items: center;
text-align: center;
gap: .75rem;
padding: 1.75rem .75rem 1.75rem .75rem;
justify-content: flex-start;
transition: .2s ease;
border-radius: 1rem;
}
.box__amenidades img {
max-width: 70px;
}
.box__amenidades:hover img {
transform: rotateY( 360deg );
transition: transform 0.75s ease;
transform-style: preserve-3d;
}
.box__amenidades h2, .box__amenidades span {
color: var(--preto-9);
display: block;
font-weight: 600;
margin-bottom: .5rem;
font-size: 1rem;
line-height: 1.25rem;
}
.box__amenidades p {
color: var(--preto-7);
font-size: .875rem;
line-height: 1.2rem;
padding: 0 1.75rem;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
margin-bottom: 0;
max-width: 350px;
}
.breadcrumb__div {
margin: 0.5rem auto 2rem auto;
}
.header__h1_services {
background: var(--secundaria-3);
padding: 1.5rem 0;
border-bottom: 2px solid var(--roxo-6);
}
.header__h1_services h1 {
font-size: 2.5rem;
letter-spacing: .01rem;
margin-bottom: .25rem;
background-color: var(--branco);
display: inline-block;
padding-bottom: .25rem;
}
.segura__main_services {
display: grid;
grid-template-columns: 1fr 1fr;
padding: 2rem;
background: var(--branco);
gap: 3rem;
}
.direita__services {
display: flex;
flex-direction: column;
justify-content: start;
}
.segura__main_services h2 {
font-size: 1.5rem;
color: var(--preto);
line-height: 1.5rem;
margin-bottom: 1rem;
}
.segura__main_services h2:after, .tabs__servicos h2:after {
content: '';
width: 2rem;
height: 2px;
display: block;
margin: 0.5rem 0;
background: var(--roxo-6);
}
.segura__main_services h3, .tabs__servicos h2 {
font-size: 1.25rem;
color: var(--preto);
line-height: 1.3rem;
font-weight: 700;
padding: .75rem 0;
}
.tabs__servicos h2 {
margin-bottom: 0;
padding-top: 0;
text-align: left;
}
.segura__main_services p, .segura__main_services strong, .segura__main_services span, .esquerda__services a {
color: var(--preto-9);
}
.segura__main_services ul {
padding-left: 2rem;
}
.esquerda__services ul {
margin-bottom: 1.5rem;
}
.segura__main_services ul li {
list-style-type: square;
color: var(--preto-9);
line-height: 1.75rem;
margin-bottom: .15rem;
}
.profissionais__unidade ul li {
list-style-type: none;
}
.profissionais__unidade ul {
padding-left: 0;
margin-bottom: 0.25rem;
}
.diferenciais__services {
display: grid;
padding-left: 0 !important;
grid-template-columns: repeat(4, 1fr);
margin: 1rem 0;
gap: 1rem;
}
.servicos__single .diferenciais__services {
display: grid;
padding-left: 0 !important;
grid-template-columns: 1fr 1fr 1fr 1fr;
margin: 1rem 0;
gap: .5rem;
}
.diferenciais__services p {
font-size: .875rem;
color: var(--preto-9);
line-height: 1.1rem;
font-weight: 500;
text-align: center;
margin-bottom: 0;
}
.diferenciais__services li {
display: flex;
gap: .5rem;
flex-direction: column;
align-items: center;
justify-content: center;
}
.main__servicos .slideshow-container {
border-left: none;
}
.main__servicos .mySlides span {
background: var(--roxo-7);
color: var(--branco);
}
.botao__services {
display: block !important;
text-align: center;
padding: 1rem 2rem;
bottom: 10px;
}
.botao__cta.botao__services {
margin-top: 1.25rem;
}
.tabs__servicos {
background: var(--preto-2);
padding: 1.5rem 2rem;
} .section__checklist {
background: var(--secundaria-3);
}
.esquerda__checklist h2 {
font-family: 'PT Serif', serif;
display: block;
font-size: 2.5rem;
line-height: 3rem;
margin-bottom: .5rem;
}
.lista__checklist {
padding-left: 4rem;
}
.flex__checklist {
align-items: center;
gap: 2rem;
}
.esquerda__checklist p {
color: var(--preto-8);
margin-bottom: 2rem;
}
.esquerda__checklists ul {
padding: 0 1rem;
}
.esquerda__checklist ul li {
background: var(--branco);
width: fit-content;
padding: .5rem 2rem .5rem 2rem;
margin-bottom: .75rem;
display: flex;
gap: 1rem;
align-items: center;
position: relative;
border-radius: 3rem;
}
.esquerda__checklist ul li:last-child {
margin-bottom: 0;
}
.esquerda__checklist ul li:before {
content: url(//www.djmogidascruzes.com.br/wp-content/themes/djs/img/icones/check-verde.svg);
position: absolute;
left: -1rem;
}
.esquerda__checklist ul li p {
margin-bottom: 0;
}
.direita__checklist {
max-width: 45%;
}
.img__checklist {
border-radius: 3rem;
} .border__section {
background: var(--branco);
padding: 3rem;
border-radius: 3rem;
box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 16px 0;
display: flex;
flex-direction: column;
align-items: center;
}
.section__como_funciona ul {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 1rem;
margin-bottom: 2rem;
}
.section__como_funciona ul li {
display: flex;
flex-direction: column;
align-items: center;
gap: .5rem;
}
.section__como_funciona ul li img {
border: 4px solid var(--roxo-7);
border-radius: 100%;
display: inline-block;
margin-bottom: .5rem;
}
.section__como_funciona ul li h3 {
font-weight: 600;
margin-bottom: 0;
}
.section__como_funciona ul li p {
text-align: center;
} .tags__finalidades {
display: flex;
gap: 0.5rem;
justify-content: center;
align-items: center;
flex-wrap: wrap;
padding: .75rem 1rem;
background:var(--branco);
margin-bottom: 2rem;
}
button.tablink {
display: flex;
flex-shrink: 0;
align-items: center;
gap: .25rem;
justify-content: space-between;
background: var(--branco);
padding: 0.25rem .75rem;
border-radius: 2rem;
border: 1px solid var(--roxo-4) !important;
}
.tablink:hover {
background: var(--roxo-6);
border: 1px solid var(--roxo-6);
}
.tablink span {
color: var(--roxo-6);
}
button.tablink:hover span {
color: var(--branco);
}
.buttontab {
background: linear-gradient(147deg, var(--rosa-neon) 0%, var(--roxo-6) 48%, var(--roxo-6) 100%) !important;
border: 1px solid var(--rosa-neon) !important;
}
.buttontab span {
color: var(--branco) !important;
}
.segura__finalidadess {
max-width: 900px;
}
.card__finalidades {
display: grid;
grid-template-columns: .75fr 1fr;
max-width: 800px;
margin: 0 auto;
background: var(--branco);
padding: 1.5rem;
box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 16px 0px;
border-radius: 1rem;
gap: 2rem;
}
.direita__finalidades{   
display: flex;
flex-direction: column;
gap: 1.5rem;
align-self: center;
justify-content: space-between;
}
.esquerda__finalidades {
width: 100%;
aspect-ratio: 1/1;
border-radius: .5rem;
}
.card__finalidades h3, .card__finalidades h2 {
font-size: 1.75rem;
margin-bottom: .5rem;
}
.profissionais__finalidades {
background: var(--preto-1);
display: flex;
flex-direction: column;
gap: .75rem;
padding: .75rem;
border-radius: 8px;
}
.profissionais__finalidades ul {
display: flex;
gap: .5rem;
}
.profissionais__finalidades ul li img {
width: 70px;
height: 70px;
border-radius: 50%;
}
.saiba__mais_finalidades {
display: flex;
align-items: center;
justify-content: space-between;
} .balao__mapa_wrapper {
display: flex;
justify-content: flex-end;
position: relative;
}
.balao__mapa {
width: 340px;
position: absolute;
margin-top: -360px;
padding: 1.25rem;
background: var(--preto-2);
color: var(--preto-7);
box-shadow: 10px 10px var(--roxo-10);
}
.balao__mapa h2 {
font-size: 1.5rem;
line-height: 2rem;
}
.balao__mapa p {
line-height: 1.25rem;
}
.balao__mapa h2::after {
margin: .5rem 0 1rem 0;
}
.balao__mapa .botao__cta {
box-shadow: none;
padding: .75rem 1.5rem;
} .section__quebra {
background: linear-gradient(rgba(0,0,0,.6), rgba(0,0,0,.7)), url(//www.djmogidascruzes.com.br/wp-content/themes/djs/img/bg/bg-desktop-5.webp) no-repeat bottom fixed;
background-size: cover;
}		
.bg__depoimentos {
position: absolute;
height: 100%;
object-fit: cover;
background-: cover;
width: 100%;
object-position: center center;
}
.active {
background: none;
}
.slide-wrapper {
margin-top: 0;
overflow-x: hidden;
}
.slide {
display: flex;
margin-top: 1rem;
}
.slide li {
flex-shrink: 0;
width: 100%;
max-width: 600px;
padding: 2rem 1.5rem 2rem 1.5rem;
background: linear-gradient(147deg, #00680a 0%, #033008 58%, #00680a 100%);
opacity: 0;
transition: 0.6s;
text-align: center;
display: flex;
flex-direction: column;
justify-content: space-between;
border-radius: 1rem;
}
.slide li.active {
opacity: 1;
}
.slide blockquote {
position: relative;
line-height: 1.25rem;
color: var(--secundaria-3);
text-align: center;
font-size: .9rem;
margin: .5rem 1.15rem .5rem 1.15rem;
}
.slide blockquote:before {
content:url(//www.djmogidascruzes.com.br/wp-content/themes/djs/img/icones/aspas-verde.svg);
position: absolute;
top: -3rem;
left: -3rem;
}
.slide blockquote:after {    }
.tarja__quote {
display: flex;
position: relative;
height: 5rem;
margin: 1rem -1.5rem -2rem -1.5rem;
flex-flow: column;
justify-content: center;
align-items: center;
border-radius: 0 0 1rem 1rem;
background: rgba(1,1,1,.3);
}
.depoimentos p {
font-size: 1.15rem;
line-height: 1.5rem;
margin-bottom: .25rem;
}
.depoimentos span {
font-size: .875rem;
color: var(--verde-neon);
display: block;
}
[data-control='slide'] {
display: flex;
justify-content: center;
margin-top: 20px;
}
.custom-controls {
display: flex;
margin-top: 1.25rem;
justify-content: center;
flex-wrap: wrap;
}
.custom-controls li {
opacity: 0.8;
transform: scale(0.7);
width: 60px;
height: 60px;
border-radius: 50%;
overflow: hidden;
margin: 2px;
transition: 0.3s;
cursor: pointer;
}
.custom-controls li.active {
opacity: 1;
transform: scale(1);
} .segura__tags {
display: flex;
flex-wrap: wrap;
gap: .35rem;
margin: .5rem 0;
z-index: 1;
}
.tag__card {
padding: .25rem .75rem;
background: var(--roxo-5);
border-radius: 1rem;
font-size: .875rem;
}
.ul__produtos li:hover .tag__card {
background: var(--roxo-6);
}
.titulo_card.pacote, .titulo_card.servico {
display: flex;
align-items: center;
gap: 0.55rem;
}
.titulo_card.pacote:before {
content: url(//www.djmogidascruzes.com.br/wp-content/themes/djs/img/icones/tag-pacote.svg);
height: 23px;
}
.titulo_card.servico:before {
content: url(//www.djmogidascruzes.com.br/wp-content/themes/djs/img/icones/tag-servico.svg);
height: 23px;
} .section__equipe .ul__produtos {
column-count: 3;
display: block;
}
.section__equipe .ul__produtos li {
-webkit-column-break-inside: avoid;
page-break-inside: avoid;
break-inside: avoid-column;
margin-bottom: 2rem;
}
.section__equipe .ul__produtos li:last-child {
margin-bottom: 0;
}
.profissionais li {
margin-bottom: .5rem !important;
}
.ul__produtos {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 2rem;
}
.section__pacotes .ul__produtos li {
background: var(--branco);
}
.grid__2 {
grid-template-columns: 1fr 1fr;
}
.grid__3 {
grid-template-columns: 1fr 1fr 1fr;
}
.grid__4 {
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.ul__produtos li {
position: relative;
}
.ul__produtos li:hover .botao__cta {
background: linear-gradient(147deg, var(--rosa-neon) 100%, #6800BC 58%, var(--roxo-6) 100%);
border: 2px solid var(--rosa-principal);
color: var(--branco);
transition: .2s ease;
}
.produtos__card_tipo {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: space-between;
background: var(--branco);
padding: 2rem;
border-radius: 1rem;
box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 16px 0px;
}
.produtos__card_tipo:hover {
transition: .2s ease;
box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 20px 0px;
}
.produtos__card_tipo h3, .produtos__card_tipo h2 {
font-family: 'PT Serif', serif;
font-size: 1.5rem;
line-height: 2rem;
margin-bottom: .5rem;
}
.produtos__card_tipo h3 span, .produtos__card_tipo h2 span {
font-size: 1rem;
display: block;
margin: 0 0 .25rem 0;
}
.produtos__card_tipo p {
font-size: .875rem;
line-height: 1.25rem;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
}
.produtos__card_tipo p strong {
color: var(--preto-9);
}
.section__tipos .grafismo {
z-index:-22;
top:-3rem;
} .section__servicos {
background: var(--branco);
}
.section__servicos .ul__produtos {
grid-template-columns: repeat(3, 1fr);
gap: 2rem;
}
.tag__mais_vendido {
padding: 0.25rem 0.5rem;
font-size: .875rem;
border-radius: 0.25rem;
top: -1rem;
right: 1rem;
}
.tag__mais_vendido span {
display: flex;
align-items: center;
gap: .5rem;
}
.descricao__term p, .descricao__term strong, .descricao__term a, .descricao__term li, .descricao__term i, .produtos__card_tipo i {
color: var(--preto-8);
} .section__projetos_realizados {
background: var(--secundaria-3);
}
.grid_projetos_realizados {
column-count: 3;
gap: 0rem;
background: var(--amarelo-3);
padding: 1rem;
}
.column-grid {
-webkit-column-break-inside: avoid;
page-break-inside: avoid;
break-inside: avoid-column;
padding: .75rem;
}
.section__projetos_realizados ul li:hover .img__grid {
outline: 0.5rem solid var(--verde-neon);
z-index: 100;
transform: scale(1.15);
transition: .2s ease;
} .section__contato {
background-color: var(--secundaria-2);
}
.grid__contato {
margin-top: 2rem;
display: grid;
gap: 2rem;
grid-template-columns: 1.5fr auto 1fr;
}
.contato__form {
overflow: hidden;
}
.separador__contato {
content: '';
background: var(--preto-4);
width: 1px;
margin: 0 2rem;
}
.contato__form label, .contato_dados h3, .contato__form span {
display: block;
font-weight: 600;
color: var(--preto-9);
margin-bottom: 1rem;
font-size: .875rem;
}
.contato_dados h3 {
line-height: 2rem;
font-size: 1.25rem;
}
.contato_dados h3:after {
content: "";
width: 2rem;
height: 2px;
display: block;
margin: 0.25rem 0px;
background: var(--verde-neon);
}
.contato__form input, .contato__form textarea {
width: 100%;
border: 1px solid var(--preto-6);
color: var(--preto-6);
background: none;
font-weight: 500;
padding: .75rem;
margin: .35rem 0 0 0;
outline: none;
}
.contato__form input:hover, .contato__form textarea:hover, .contato__form input:focus, .contato__form textarea:focus {
border: 1px solid var(--verde-neon);
}
.contato__form button, .wpcf7-submit {
padding: 1rem 3rem !important;
width: auto !important;
background: var(--verde-neon) !important;
color: var(--preto) !important;
border: 1px solid var(--verde-neon) !important;
border-radius: 3rem !important;
font-weight: 500 !important;
letter-spacing: 0.05rem !important;
}
.checkbox__padrao label {
font-weight: 400;
font-size: .875rem;
margin-bottom: 0;
}
.checkbox__padrao span {
margin-bottom: 0;
}
.wpcf7-submit:hover {
background: var(--preto) !important;
border: 1px solid var(--verde-neon) !important;
color: var(--branco) !important;
}
.checkbox__padrao {
margin: .35rem 0 1.5rem 0;
}
textarea {
resize: none;
}
.wpcf7-spinner {
margin: .5rem 0 !important;
}
.wpcf7-response-output {
background: var(--rosa-neon);
border-color: var(--rosa-neon) !important;
margin: 0 !important;
padding: .25rem 0.5rem !important;
}
.wpcf7-not-valid-tip {
color: var(--rosa-neon) !important;
font-weight: 400 !important;
}
.wpcf7 form.sent .wpcf7-response-output {
background: var(--verde-neon);
border-color: var(--verde-neon) !important;
padding: .25rem 0.5rem !important;
}
.grid__checkbox {
display: grid;
grid-template-columns: 1fr 1fr;
align-items: center;
flex-wrap: wrap;
gap: 1rem;
margin-right: 0;
padding-top: 1px;
}
.contato_dados li {
margin-bottom: 1.5rem;
}
.contato_dados li:last-child {
margin-bottom: 0;
}
.contato_dados span, .contato_dados a {
display: block;
font-weight: 400;
color: var(--preto-8);
margin-bottom: .5rem;
}
.contato_dados a:hover {
text-decoration: underline;
} .mySlides {display: none;}
.segura__main_services figure {
margin: 0;
}
figure.wp-block-image, figure.wp-block-gallery, figure.wp-block-embed, .wp-block-table {
margin: 2rem 0;
}
.wp-block-table thead {
border-bottom: none !important;
}
.mySlides img {
vertical-align: middle;
aspect-ratio: 4 / 3;
}
.mySlides.slides__servicos img {
aspect-ratio: 4 / 3;
background: var(--preto-1);
} .slideshow-container {
max-width: 50rem;
position: relative;
margin: 0 auto;
border-left: 2px solid #F04C7D;
} .next {
right: 0;
border-radius: 3px 0 0 3px;
} .prev:hover, .next:hover {
background-color: rgba(0,0,0,0.8);
} .text {
padding: .5rem 1rem;
position: absolute;
font-weight: 400;
background-color: rgba(30,0,59, 0.8);
color: var(--branco) !important;
bottom: -.75rem;
font-size: .875rem;
line-height: 1.5rem;
text-align: initial;
}
.label__text_span {
position: absolute;
top: .5rem;
left: -.5rem;
font-weight: 600;
font-size: .875rem;
text-transform: uppercase;
animation: shake .8s cubic-bezier(.36,.07,.19,.17) both;
padding: .5rem 1rem;
}
.dots__slides {
margin-top: 1rem;
}
ul.dots__slides {
padding-left: 0;
margin-bottom: .5rem;
} .dot__slide {
cursor: pointer;
height: 1.35rem;
border-radius: 2px;
width: 1.35rem;
margin: 0 3px;
background-color: var(--roxo-1);
display: inline-block;
transition: background-color 0.6s ease;
}
.dot__slide:hover  {
background-color: var(--roxo-7);
}
.dot__slide.active {
background-color: var(--roxo-7);
animation: shake .8s cubic-bezier(.36,.07,.19,.27) both;
} .fade {
animation-name: fade;
animation-duration: 1.2s;
}
@keyframes fade {
from {opacity: .1} 
to {opacity: 1}
}
.slideshow-container:hover .text {
background-color:rgba(13,40,29, .9);
} .section__manifest {
max-width: 900px;
margin: 0 auto;
text-align: center;
}
.section__manifest blockquote p, .section__manifest blockquote strong {
color: var(--preto-9);
}
blockquote strong, .cookies-content strong {
border-bottom: 1.5px solid var(--verde-neon);
color: var(--preto-1);
}
.itens__flexible {
display: flex;
justify-content: center;
padding-top: 1rem;
} .section__why_us {
text-align: center;
background: var(--secundaria-3);
}
.linhas__why_us {
padding-top: 1rem;
width: 66%;
display: block
}
.logo__why_us {
width: 200px
}
.why__us_li {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 1.5rem;
}
.why__us_li li {
display: flex;
flex-direction: column;
align-items: center;
gap: .5rem;
padding: 1rem 1rem 0 1rem;
max-width: 320px;
}
.why__us_li h3 {
margin: .5rem 0 .25rem 0;
}
.why__us_li p {
color: var(--preto-5);
font-size: .875rem;
line-height: 1.2rem;
margin-bottom: 0;
} .grid__faq {
display: grid;
grid-template-columns: 350px 1fr;
gap: 3rem;
}
.grid__faq h2 {
text-align: left;
margin-bottom: .5rem;
}
.grid__faq h2:after {
margin: .5rem 0 1rem 0;
}
.wrapper {
box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 16px 0px;
}
.section__onde_atuamos .wrapper {
max-width: 800px;
margin: 0 auto;
padding: 0 1rem;
}
.lista-item {
background: var(--branco);
text-align: left;
margin-bottom: -1px;
border-top: 1px solid var(--secundaria-3);
border-left: 6px solid var(--verde-neon);
}
.lista-item:first-child {
border-top: none;
}
.faq-titulo {
display: flex;
font-family: 'Poppins', sans-serif;
justify-content: space-between;
align-items: center;
cursor: pointer;
background: var(--branco);
padding: 1rem 1.5rem;
gap: 1rem;
line-height: 1.6rem;
font-size: 1rem;
font-weight: 600;
color: var(--preto-9);
}
.faq-titulo:hover {
background: var(--secundaria-3);
}
.faq-titulo::after {
content: '?';
margin-left: 1rem;
color: var(--verde-neon);
transition: transform 0.1s ease-out;
}
.faq-conteudo {
padding: 1rem 1.5rem;
margin-bottom: 0;
display: none;
}
.faq-conteudo p {
margin-bottom: 1rem;
color: var(--preto-8);
}
.faq-conteudo p:last-child {
margin-bottom: 0;
}
.trigger-input {
display: none;
}
.trigger-input:checked + .trigger-wrapper .faq-conteudo {
display: block;
background: var(--branco);
}
.trigger-input:checked + .trigger-wrapper .faq-titulo {
background: var(--secundaria-3);
}
.trigger-input:checked + .trigger-wrapper .faq-titulo::after {
transform: rotate(360deg) scale(1.4);
content: '?';
} .grid__sidebar {
display: grid;
grid-template-columns: 1fr 320px;
gap: 3rem;
}
.breadcrumb {
display: flex;
align-items: center;
flex-wrap: wrap;
font-size: .875rem;
margin: 0 0 1rem 0;
text-align: left;
}
.breadcrumb>li:after {
color: var(--preto-7);
content: '→';
margin-left: 4px;
margin-right: 6px;
}
.breadcrumb>li:last-child:after {
content: none;
}
.breadcrumb li span {
color: var(--preto-8);
line-height: 1.3rem;
}
.breadcrumb li a {
padding: .5rem 0;
}
.breadcrumb li span:hover {
color: var(--preto-9);
}
.breadcrumb li:last-child span  {
font-weight: 500;
text-decoration: none;
background: var(--branco);
padding: .25rem;
}
.content__wrapper {
padding: 1rem 0 3rem 0;
text-align: left;
}
.content__wrapper ol ul,
.content__wrapper ol ol,
.content__wrapper ul ul,
.content__wrapper ul ol {
margin-top: 1rem;
}
.categories__blog {
display: flex;
align-items: center;
gap: .5rem;
flex-wrap: wrap;
margin-bottom: .5rem;
}
.categories__blog li {
display: flex;
}
.categories__blog li a {
padding: 0.5rem 1rem;
color: var(--secundaria-3);
background: var(--roxo-10);
border-radius: 3rem;
font-size: .875rem;
font-weight: 500;
transition: .2s ease;
}
.grid__mosaico_3 {
display: grid; 
grid-template-columns: .75fr .75fr 1fr; 
grid-template-rows: 1fr 1fr; 
gap: 1rem;
grid-template-areas: 
"area1 area1 area2"
"area1 area1 area3"; 
}
.grid__mosaico_3 figure {
margin: 0;
height: 100%;
}
.grid__mosaico_3 figure::after {
content: "";
display: block;
height: calc(100% + 181px);
width: 100%;
position: absolute;
top: 0;
left: 0;
pointer-events: none;
transform: translateY(-40px);
background: linear-gradient(0, var(--preto) 25%,rgba(29,29,27,0.3) 70%);
}
.grid__mosaico_3 li:hover img {
transform: scale(1.05);
}
.grid__mosaico_3 li {
position: relative;
overflow: hidden;
border-left: 6px solid var(--roxo-6);
}
.grid__mosaico_text {
position: absolute;
bottom: 1.5rem;
left: 1.5rem;
padding-right: 1.25rem;
gap: .25rem !important;
}
.grid__mosaico_3 li h2 {
color: var(--branco);
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25);
margin: 0;
line-height: 1.75rem;
font-size: 1.35rem;
}
.grid__mosaico_3 li:nth-child(1) {
grid-area: area1;
min-height: 472px;
}
.grid__mosaico_3 li:first-child h2 {
font-size: 1.75rem;
bottom: 2rem;
left: 3rem;
line-height: 2.15rem;
max-width: 80%;
border-left: 4px solid var(--roxo-6);
padding-left: .5rem;
}
.grid__mosaico_3 li:nth-child(2) {
grid-area: area2;
}
.grid__mosaico_3 li:nth-child(3) {
grid-area: area3;
}
.grid__mosaico_3 li img {
width: 100%;
height: 100%;
display: block;
}
.categories__blog li a:hover {
background: var(--preto-9);
}
.content__article {
text-align: left;
}
.content__article h1 {
color: var(--preto);
display: inline;
font-size: 2.875rem;
margin-bottom: 1rem;
line-height: 3.5rem;
position: relative;
}
.content__article h1:before {
content: "";
position: absolute;
top: 1rem;
left: -1.75rem;
width: 30rem;
height: 2.75rem;
background-color: var(--roxo-1);
z-index: -1;
}
.content__article h2 {
font-size: 1.15rem;
font-weight: 400;
line-height: 1.75rem;
margin: .5rem 0 1rem 0;
color: var(--preto-7);
font-family: 'Poppins', sans-serif;
}
.meta__info_author {
font-size: 0.875rem;
display: flex;
align-items: center;
margin: .5rem 0 1rem 0;
gap: 0.75rem;
}
img.avatar {
border: 2px solid var(--roxo-2);
border-radius: 50%;
}
.div__author_page {
display: flex;
align-items: center;
gap: .5rem;
margin-bottom: 1rem;
}
.div__author_page_ul {
display: flex;
gap: .5rem;
align-items: center;
}
.div__author_page_ul li {
background: var(--preto);
padding: 0.5rem;
border-radius: 50%;
}
.div__author_page_ul li:hover {
animation: 0.82s shake;
}
.div__author_page_name {
background: var(--secundaria-3);
padding: .05rem .25rem;
}
.meta__info_author span {
color: var(--preto-7);
line-height: 1.2rem;
}
time {
color: var(--preto-7);
font-size: .875rem;
}
.meta__info_author a {
color: var(--preto-7);
text-decoration: underline;
}
.meta__info_author a:hover {
color: var(--preto-9);
}
.content__reading_time::before {
content: '| ';
}
.main__img_post {
margin: 0 0 2rem 0;
position: relative;
}
.main__img_post figure {
margin: 0;
}
.main__img_post img {
width: 100%;
aspect-ratio: 16/9;
object-position: bottom;
}
.main__img_post figcaption {
font-size: .875rem;
position: absolute;
bottom: 0.25rem;
padding: 0.1rem 0.5rem;
color: var(--preto-3);
background-color: rgba(32,32,32, 0.8);
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}
.grid__social_article {
display: grid;
grid-template-columns: auto 1fr;
gap: 1.5rem;
}
.redes__sociais_fixed {
position: sticky;
top: 130px;
display: flex;
flex-direction: column;
padding: .75rem !important;
background: var(--branco);
gap: .75rem;
border: 1px solid var(--preto-4);
transition: .2s ease;
margin-bottom: 1.5rem !important;
}
.redes__sociais_fixed li {
list-style-type: none !important;
margin-bottom: 0 !important;
}
.redes__sociais_fixed a {
display: flex;
padding: .25rem;
}
.redes__sociais_fixed li:hover {
animation: 0.82s shake;
}
.content__article_body {
text-align: left;
}
.content__article_body p {
font-size: 1.15rem;
line-height: 2rem;
color: var(--preto-9);
margin-bottom: 1.5rem;
}
.content__article_body a {
color: var(--preto-9);
text-decoration: underline;
}
.content__article_body strong {
color: var(--preto);
}
.content__article_body h2 {
padding-top: .25rem;
font-weight: 600;
font-size: 2rem;
line-height: 2.5rem;
color: var(--preto);
}
.content__article_body h3  {
font-weight: 600;
padding-top:.5rem;
margin-bottom: 1.5rem;
font-size: 1.5rem;
line-height: 2rem;
color: var(--preto);
}
.content__article_body h4 {
font-weight: 600;
padding-top:.5rem;
margin-bottom: 1.5rem;
font-size: 1.25rem;
line-height: 1.75rem;
color: var(--preto);
}
.content__article_body ul, .content__article_body ol {
margin-bottom: 2rem;
padding-left: 2rem;
}
.content__article_body ul li, .content__article_body ol li {
font-size: 1.15rem;
list-style-type: square;
margin-bottom: .75rem;
color: var(--preto-9);
line-height: 1.875rem;
}
.content__article_body ol li {
list-style-type: number;
}
.content__article_body blockquote {
border-left: 8px solid var(--secundaria-3);
padding: 1rem;
margin-bottom: 2rem;
background: var(--branco);
}
.content__article_body blockquote p {
margin-bottom: .875rem;
}
.content__article_body blockquote cite {
color: var(--preto-7);
font-size: 1rem;
}
.content__article_body blockquote p:before, .content__article_body blockquote p:after {
content: '"';
}
.tags__blog {
display: flex;
align-items: center;
background: var(--branco);
padding: 1.5rem;
border: 1px solid var(--preto-4);
}
.tags__blog span {
font-weight: 600;
display: block;
margin-right: 1rem;
font-size: 1.25rem;
line-height: 1.5rem;
color: var(--preto-9);
}
#tags__list {
display: flex;
flex-wrap: wrap;
gap: .5rem;
margin-bottom: 0;
padding-left: 0;
}
#tags__list li {
display: flex;
list-style-type: none;
margin-bottom: 0;
}
#tags__list li a {
color: var(--preto-9);
padding: .25rem .5rem;
font-size: .875rem;
line-height: 1.5rem;
background: var(--preto-1);
border: 1px solid var(--preto-4);
text-decoration: none;
}
#tags__list li a:hover {
background: var(--preto-3);
border: 1px solid var(--preto-5);
}
.sidebar {
position: -webkit-sticky;
position: sticky;
top: 128px;
transition: .2s ease;
display: grid;
gap: 1rem;
}
.sidebar_h2 {
display: grid;
font-size: 1.25rem;
margin-bottom: .5rem;
font-weight: 600;
line-height: 2rem;
color: var(--preto-dark);
}
.sidebar h2::after {
content: "";
width: 3rem;
height: 2px;
display: block;
margin: 0.25rem 0px;
background: var(--roxo-6);
}
.categories {
background: var(--branco);
padding: 1.5rem;
border: 1px solid var(--preto-4);
}
.categories:last-child {
margin-bottom: 0;
background: var(--branco);
}
.categories ul li a, .categories ol li a {
display: block;
padding: .25rem 0;
color: var(--preto-8);
font-size: .875rem;
}
.cat-item span {
font-size: .75rem;
min-width: 1.5rem;
text-align: center;
padding: 0.15rem 0.25rem;
background: var(--roxo-10);
color: var(--branco);
font-weight: 500;
}
.cat-item {
display: flex;
gap: 2rem;
align-items: center;
justify-content: space-between;
}
.top__blog {
counter-reset: maislidas;
}
.top__blog ol li {
counter-increment: maislidas;
display: flex;
justify-content: center;
align-items: center;
gap: .5rem;
}
.top__blog ol li::marker {
color: var(--secundaria-3);
}
.top__blog ul li, .top__blog ol li {
margin-bottom: .5rem;
}
.top__blog ul li a, .top__blog ol li a  {
display: flex;
gap: 0.5rem;
align-items: center;
font-size:  .875rem;
line-height: 1.15rem;
color: var(--preto);
}
.top__blog ol li::before {
content: counter(maislidas);
background: var(--roxo-10);
margin-right: 0.125rem;
padding: 0 0.35rem 0.15rem 0.35rem;
color: var(--branco);
font-family: 'PT Serif';
font-size: 1.875rem;
line-height: 2.5rem;
min-width: 1.5rem;
display: flex;
justify-content: center;
align-items: center;
}
.top__blog li span {
display: flex;
align-items: center;
gap: 0.25rem;
color: var(--preto);
font-size: .75rem;
border-radius: 0.15rem;
}
.categories ul li a:hover:not(span), .categories ol li a:hover:not(span) {
text-decoration: underline;
}
.card__tag_list {
display: grid;
grid-template-columns: 1fr;
gap: 2rem;
}
.card__tag_list li {
border-left: 4px solid var(--roxo-6);
overflow: hidden;
cursor: pointer;
height: max-content;
border-image: initial;
background: var(--branco);
box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 16px 0px;
transition: .2s ease;
}
.card__tag_list li:hover {
box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 20px 0px;
}
.card__tag_item {
display: grid;
grid-template-columns: .3fr 1fr;
gap: 1rem;
max-height: 200px;
overflow: hidden;
}
.img__card_tag__list {
aspect-ratio: 1/1;
width: 100%;
height: 200px;
-webkit-filter: grayscale(0);
filter: grayscale(0);
filter: gray;
}
.card__tag_list li:hover .img__card_tag__list {
filter: hue-rotate(0deg);
transition: .1s ease-out;
}
.wp-block-gallery {
display: flex;
flex-wrap: wrap;
padding: 0.5rem;
gap: 0.5rem;
background: var(--preto-1);
margin-bottom: 3rem;
}
.wp-block-gallery.has-nested-images figure.wp-block-image figcaption {
background: linear-gradient(0deg,rgba(32,32,32,.8),rgba(32,32,32,.4) 100%,transparent) !important;
padding: .25rem 0 !important;
}
.nav-blog {
display: flex;
justify-content: end;
gap: 1rem;
padding: 2rem 0 0 0;
}
.nav-blog a {
color: var(--secundaria-3);
background: var(--preto);
padding: 0.5rem 1rem;
}
.wp-block-video {
width: 100%;
margin: 0 0 2rem 0;
}
a[rel="dofollow"] {
text-decoration: none !important;
background: var(--secundaria-3) !important;
border-color: var(--secundaria-3) !important;
}
a[rel="dofollow"]:hover {
box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 16px 0px;
transition: .2s ease;
}
.ctaText {
color: var(--rosa-principal) !important;
} .related__posts {
background: var(--secundaria-2);
}
.related__posts h3, .h2__related_posts, .grid__post_card h2, .grid__post_card h3, .ul__produtos h2, .ul__produtos h3 {
font-size: 1.15rem;
line-height: 1.5rem;
margin-bottom: 0;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.related__posts p, .tag__list p, .ul__produtos li p {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
margin-bottom: 0;
font-size: 1rem;
line-height: 1.5rem;
}
.related__posts ul li:hover h3, .related__posts ul li:hover h2, .card__tag_list li:hover h2, .card__tag_list li:hover h3, .ul__produtos li:hover h2, .ul__produtos li:hover h3 {
text-decoration: underline;
}
.related__posts li, .ul__produtos li {
cursor: pointer;
height: max-content;
border-image: initial;
background: var(--branco);
border-top: 4px solid var(--roxo-6);
border-radius: 0 0 .5rem .5rem;
box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 16px 0px;
transition: .2s ease;
}
.related__posts li:hover, .ul__produtos li:hover {
box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 20px 0px;
}
.segura__texto_card_blog {
display: flex;
flex-flow: column;
justify-content: space-between;
gap: 1rem;
padding: 1.75rem 1.5rem 1.5rem 1.5rem;
}
.segura__texto_card_blog.tag__list {
padding: 1rem 2rem 1rem 0;
justify-content: space-evenly;
}
.tag__list p {
margin-bottom: 0;
}
.segura__topo_card {
display: flex;
flex-flow: column;
justify-content: space-between;
gap: .75rem;
}
.continuar_lendo {
display: flex;
justify-content: space-between;
}
.continuar_lendo time {
display: flex;
align-items: center;
gap: .35rem;
}
.continuar_lendo time::before {
content: url(//www.djmogidascruzes.com.br/wp-content/themes/djs/img/icones/data.svg);
}
.related__posts ul li:hover .continuar_lendo span, .card__tag_list li:hover .continuar_lendo span {
text-decoration: underline;
}
.related__posts ul li:hover .continuar_lendo span, .card__tag_list li:hover .continuar_lendo span, .ul__produtos li:hover .continuar_lendo span {
animation: 0.82s shake;
transition: 0.2s ease;
}
.grid__post_card {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 1.5rem;
}
.img__card_blog {
-webkit-filter: grayscale(0);
filter: grayscale(0);
filter: gray;
aspect-ratio: 16/9;
object-fit: cover;
width: 100%;
}
.related__posts ul li:hover .img__card_blog {
filter: hue-rotate(0deg);
transition: .1s ease-out;
}
.grid__mosaico_3 li:hover .img__card_blog {
filter: hue-rotate(0deg);
transition: .1s ease-out;
}
.ul__produtos li:hover .img__card_blog {
filter: hue-rotate(0deg);
transition: .1s ease-out;
}
.wp-block-separator {
border: 1px solid var(--secundaria-3) !important;
margin: 1.75rem 0;
} .section__video {
background: var(--branco);
}
.video__embed iframe, .wp-block-embed iframe  {
width:100%;
height: auto;
aspect-ratio: 16/9;
} .segura__lista_cidades {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 1rem;
} @keyframes shake {
10%, 90% {
transform: translate3d(-1px, 0, 0);
}
20%, 80% {
transform: translate3d(2px, 0, 0);
}
30%, 50%, 70% {
transform: translate3d(-3px, 0, 0);
}
40%, 60% {
transform: translate3d(3px, 0, 0);
}
} footer {
background: var(--preto);
}
.footer__topo_bg {
background: var(--preto-dark);
}
.footer__topo {
box-sizing: border-box;
padding: 1rem;
display: flex;
gap: 1rem;
align-items: center;
margin: 0 auto;
justify-content: space-between;
border-bottom: 1px solid var(--verde-neon);
}
.footer__topo p {
margin-bottom: 0;
font-size: .875rem;
}
.footer__main {
display: grid;
grid-template-columns: 1.4fr .5fr .75fr .5fr;
gap: 1.5rem;
}
.footer__main {
padding: 2rem 1rem;
}
.footer__main span {
font-size: 1rem;
display: block;
color: var(--branco);
text-transform: uppercase;
font-weight: 600;
line-height: 1.75rem;
margin-bottom: 1rem;
text-align: left;
}
.footer__main span:after {
content: '';
display: block;
background: var(--verde-neon);
width: 3rem;
height: 2px;
margin-top:.25rem
}
.footer__main p {
color: var(--preto-5);
font-size: .875rem;
}
.footer__main ul {
margin: 1em 0 2em 0;
text-align: left;
}
.footer__main ul li {
margin-bottom: 0.25rem;
}
.footer__main ul li a {
color: var(--preto-5);
font-size: .875rem;
}
.footer__main ul li a:hover,
.footer__main ul li a:active {
text-decoration: underline;
}
.footer__copywriting {
background-color: var(--preto);
padding: .5rem;
border-top: 1px solid var(--preto-9);
box-sizing: border-box;
text-align: center;
font-weight: 600;
}
.footer__copywriting small {
display: block;
color: var(--preto-3);
margin-bottom: 0;
line-height: 1.3rem;
font-weight: 400;
}
.footer__copywriting small a {
font-weight: 600;
color: var(--preto-3);
}
.footer__copywriting small a:hover {
text-decoration: underline;
}
.footer__redes_sociais ul {
display: inline-flex;
grid-gap: 1rem;
justify-content: start;
margin: 0 0 2rem 0;
} .cookies-container {
position: fixed;
width: 100%;
bottom: 2rem;
z-index: 1000;
}
.flex__cookies {
display: grid;
grid-template-columns: 1fr .3fr;
grid-gap: 1rem;
align-items: center;
}
.flex__cookies p {
margin-bottom: 0;
font-size: .875rem;
color: var(--preto-1);
}
.cookies-content {
background: var(--preto-dark);
max-width: 1430px;
padding: 1.1rem 1.5rem 1rem 1.5rem;
margin: 0 auto;
display: grid;
grid-template-columns: 1fr auto;
opacity: 0;
transform: translateY(1rem);
animation: slideUp .6s forwards .5s;
}
@keyframes slideUp {
to {
transform: initial;
opacity: initial;
}
}
.cookies-pref {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: .75rem;
margin-right: .5rem;
padding-top: 1px;
}
.cookies-save {
background: var(--preto);
color: var(--branco);
cursor: pointer;
border: none;
padding: 0.8rem 1rem;
font-size: .875rem;
border: 1px solid var(--verde-neon);
border-image: linear-gradient(var(--angle), var(--verde-neon), var(--verde-neon), var(--amarelo-3), var(--amarelo-3), var(--verde-neon)) 1;
animation: 8s rotate linear infinite;
transition: .05s ease;
}
.cookies-save:hover {
border-image: none;
background: linear-gradient(147deg, var(--verde-neon) 0%, var(--verde-neon) 58%, var(--verde-neon) 100%);
color: var(--preto);
}
.control {
display: block;
position: relative;
padding-left: 1.75rem;
padding-top: 1px;
cursor: pointer;
font-size: .75rem;
line-height: 1.3rem;
color: var(--preto-1);
}
.control input {
position: absolute;
z-index: -1;
opacity: 0;
cursor: pointer;
background-color: var(--secundaria-3);
}
textarea {
height: 7rem;
}
.control_indicator {
position: absolute;
top: 0px;
left: 0;
height: 22px;
width: 22px;
background: var(--preto-3);
border: 1px solid var(--preto-6);
border-radius: 0px;
}
.control:hover input ~ .control_indicator,
.control input:focus ~ .control_indicator {
background: var(--preto-3);
}
.control input:checked ~ .control_indicator {
background: var(--preto-6);
}
.control:hover input:not([disabled]):checked ~ .control_indicator,
.control input:checked:focus ~ .control_indicator {
background: var(--preto-6);
}
.control input:disabled ~ .control_indicator {
background: var(--preto-3);
opacity: 1;
pointer-events: none;
}
.control_indicator:after {
box-sizing: unset;
content: '';
position: absolute;
display: none;
}
.control input:checked ~ .control_indicator:after {
display: block;
}
.control-checkbox .control_indicator:after {
left: 8px;
top: 4px;
width: 3px;
height: 8px;
border: solid var(--preto-1);
border-width: 0 2px 2px 0;
transform: rotate(45deg);
}
.control-checkbox input:disabled ~ .control_indicator:after {
border-color: var(--preto-7);
}
.control-checkbox .control_indicator::before {
content: '';
display: block;
position: absolute;
left: 0;
top: 0;
width: 4rem;
height: 4rem;
margin-left: -1.35rem;
margin-top: -1.3rem;
border-radius: 50%;
background: var(--secundaria-3);
opacity: 0.6;
transform: scale(0);
}
@keyframes s-ripple {
0% {
transform: scale(0);
}
40% {
transform: scale(1.2);
}
100% {
opacity: 0;
transform: scale(1.4);
}
}
@keyframes s-ripple-dup {
0% {
transform: scale(0);
}
60% {
transform: scale(1.2);
}
100% {
opacity: 0;
transform: scale(1.4);
}
}
.control-checkbox input:checked + .control_indicator::before {
animation: s-ripple .5s ease-out;
}
.control-checkbox input:checked + .control_indicator::before {
animation-name: s-ripple-dup;
}
.js .js-scroll {
opacity: 0;
transform: translate3d(-50px, 0, 0);
transition: 0.4s;
}
.js .js-scroll.ativo {
opacity: 1;
transform: translate3d(0, 0, 0);
} #loadingIndicator {
position: fixed; top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #FFF; display: flex;
justify-content: center;
align-items: center;
z-index: 9999; opacity: 1; transition: opacity .6s ease-out; pointer-events: none; } #loadingIndicator.hidden {
opacity: 0; pointer-events: none; }
@media (max-width: 900px) {
.segura__btns_menu {
display: none;
}
h1 {
font-size: 2rem;
line-height: 2.5rem;
}
h2 {
font-size: 1.75rem;
line-height: 2rem;
}
.h2__center_p, .h2__left_p {
font-size: 2rem;
line-height: 2.5rem;
margin-bottom: .25rem;
}
.h2__left_p:before {
left: -2rem;
}
.modal .h2__center_p {
font-size: 1.875rem;
line-height: 2rem;
}
.h2__center_p {
font-size: 2rem;
line-height: 2.4rem;
}
.esquerda__checklist h2 {
font-size: 2rem;
line-height: 2.4rem;  
}
.flex__container {
flex-direction: column;
}
.menu__flex li:nth-child(2), .menu__flex li button span {
display: none;
}
#headerMain {
padding: 1rem;
}
#menu-menu-principal {
display: block;
position: absolute;
background: var(--preto);
font-size: 1.5rem;
padding-top: 1rem;
text-align: left;
width: 100%;
top: 142px;
right: 0px;
z-index: -1;
height: 0px;
visibility: hidden;
overflow-y: hidden;
}
#menu-menu-principal li:after {
content: '';
display: block;
background: var(--preto-9);
width: 100%;
height: 1px;
}
#menu-menu-principal li:last-child:after {
background: transparent;
}
#navMain.active #menu-menu-principal {
height: calc(100vh - 70px);
visibility: visible;
overflow-y: hidden;
transition:  .2s ease;
}
#menu-menu-principal li a, #menu-menu-principal li span {
margin: 1rem;
padding: 0.7rem 0 .75rem 0;
font-size: 1.05rem;
line-height: 0;
}
.active {
background-color: var(--preto-1);
}
.menu__main__group {
padding: 0;
}
#btnMainMobile {
color: var(--preto-3);
display: flex;
align-items: center;
padding: 0.4rem .875rem;
font-size: 1rem;
font-weight: 500;
background: var(--preto-dark);
border: 1px solid var(--roxo-6);
cursor: pointer;
gap: 1rem;
-webkit-box-shadow: 0 0 8px rgb(0 0 0 / 20%);
box-shadow: 0 0 8px rgb(0 0 0 / 20%);
border-image: linear-gradient(var(--angle), var(--verde-neon), var(--verde-neon), var(--amarelo-3), var(--amarelo-3), var(--verde-neon)) 1;
animation: 8s rotate linear infinite;
}
@keyframes rotate {
to {
--angle: 360deg
}
}
@property --angle {
syntax: '<angle>';
initial-value: 0deg;
inherits: false;
}
#hamburger {
border-top: 2px solid;
width: 20px;
color: var(--preto-4);
}
#textoHamburquer {
font-weight: 400;
color: var(--preto-1);
}
#hamburger::after,
#hamburger::before {
content: '';
display: block;
width: 20px;
height: 2px;
background: currentColor;
margin-top: 5px;
transition: 0.3s;
position: relative;
}
#navMain.active #hamburger {
border-top-color: transparent;
}
#navMain.active #hamburger::before {
transform: rotate(135deg);
}
#navMain.active #hamburger::after {
transform: rotate(-135deg);
top: -7px;
}
#menu-menu-principal li {
width: 100%;
}
#menu-menu-principal li a::after {
display: none;
}
#menu-menu-principal li a:hover,
#menu-menu-principal li a:active {
color: var(--secundaria-3);
}
#menu-menu-principal li a::after, #finalidadess span::after {
display: none;
}
.menu__topo a, .menu__topo p, .menu__topo strong {
font-size: .85rem;
}
.show__mob {
display: block !important;
}
.show__desk {
display: none !important;
}
.respiro__topo {
padding-top: 153px;
}
.section__pacotes .ul__produtos, .section__servicos .ul__produtos, .grid__post_card {
display: flex !important;
justify-content: inherit !important;
overflow: auto !important;
padding: 1rem !important;
gap: 1.5rem !important;
}
.section__pacotes > .ul__produtos > li, .grid__post_card > li, .section__servicos > .ul__produtos > li {
min-width: 320px;
max-width: 320px;
}
.seta {
display: flex;
font-size: 1.15rem;
flex-direction: row-reverse;
padding-right: 1rem;
position: relative;
margin-top: -.25rem;
animation: seta 0.75s ease-in 0s infinite alternate;
}
@keyframes seta {
from {
padding-right: 1rem;
}
to {
padding-right: 3rem;
}
}
.sub-menu {
display: none !important;
}
.section__pacotes .ul__produtos::-webkit-scrollbar, .section__servicos .ul__produtos::-webkit-scrollbar, .grid__post_card::-webkit-scrollbar, .ul__box_amenidades::-webkit-scrollbar {
display: none;
}
.btn__ver_mais {
float: none;
}
.border__section {
margin: 0 1rem;
padding: 3rem 2rem;
box-shadow: none;
}
.grid__mosaico_3 {
display: flex;
flex-wrap: wrap;
}
.grid__mosaico_3 li img {
aspect-ratio: 4/3;
}
.grid__mosaico_3 li:nth-child(1) {
min-height: auto;
}
.grid__mosaico_3 li h2 {
line-height: 1.5rem;
font-size: 1.15rem;
}
.grid__mosaico_text { 
bottom: 1rem; 
left: 1rem; 
}
.grid__mosaico_3 li:first-child h2 {
line-height: 1.5rem;
font-size: 1.15rem;
bottom: 1.25rem;
left: 1.25rem;
max-width: 100%;
}
.grid__mosaico_3 figure::after {
transition: transform .3s ease;
background: linear-gradient(0, var(--preto) 44%,rgba(29,29,27,0) 78%);
}
.header__h1_services {
padding: 2.05rem 0 1.5rem 0;
margin-bottom: 0;
}
.header__h1_services h1 {
font-size: 2rem;
line-height: 2rem;
}
.segura__main_services {
grid-template-columns: 1fr;
padding: 0 1rem;
text-align: left;
background: none;
gap: 3rem;
}
.esquerda__services {
order: 1;
}
.mySlides img {
aspect-ratio: 4/3 !important;
object-fit: cover;
}
.diferenciais__services  {
gap: .5rem;
grid-template-columns: 1fr 1fr;
}
.servicos__single .diferenciais__services {
grid-template-columns: 1fr 1fr;
margin: 1rem;
}
.diferenciais__services h3 {
font-size: .875rem;
line-height: 1.1rem;
text-align: center;
}
.cookies-container {
bottom: 0;
}
.grafismos {
display: none;
}
.botao__zap {
margin: 2rem auto 0 auto;
}
.flex__cookies {
grid-template-columns: 1fr;
justify-items: center;
grid-gap: 1rem;
margin-bottom: 1rem;
}
.flex__cookies img {
max-height: 2rem;
}
.main__home h2 strong {
font-size: 1.5rem;
margin-left: 0;
margin: .15rem 0 0 0;
line-height: 2rem;
}
.banner__main img {
max-width: 100%;
position: inherit;
}
.segura__main {
max-width: 100%;
align-items: center;
justify-content: start;
gap: .25rem;
text-align: center;
}
.main__home h2 span {
padding: 0.25rem .25rem;
margin-left: 0;
} .section__amenidades {
padding: 1rem 0 0 0;
margin-top: 0rem;
background: var(--branco);
}
.ul__box_amenidades, .ul__servicos {
display: flex;
overflow-x: scroll;
padding: 2rem 0 1rem 1rem;
margin-top: -1rem;
grid-gap: 0;
}
.ul__box_amenidades {
padding: 0 0 .25rem 0;
}
.box__amenidades {
min-width: 100%;
height: max-content;
overflow: auto;
background: var(--branco);
margin: 0;
padding: 1.25rem 0.75rem 1rem 0.75rem;
} .direita__checklist {
max-width: 100%;
} .section__como_funciona ul {
grid-template-columns: repeat(1, 1fr);
}
.section__como_funciona ul {
flex-wrap: wrap;
}
.lista__checklist {
padding-left: 1.5rem;
} .tags__finalidades {
justify-content: start;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
flex-wrap: nowrap;
}
.tags__finalidades::-webkit-scrollbar {
display: none;
}
.card__finalidades {
grid-template-columns: 1fr;
gap: 1rem;
}
.card__finalidades h3 {
font-size: 1.5rem;
} .section__projetos_realizados ul li:hover .img__grid {
transform: scale(1.05);
}
.slideshow-container {
margin: 0 -1rem;
} .grid__faq {
grid-template-columns: 1fr;
}
.wrapper {
margin-bottom: 0;
}
.h2__p_faq h2 {
text-align: center;
}
.grid_projetos_realizados {
column-count: 1 !important;
overflow-x: hidden;
}
.section__tipos .grafismo {
top: 10rem;
}
.esquerda__finalidades {
aspect-ratio: 16/9;
width: 100%;
}
.pin__finalidadess_modulo {
display:none;
}
.balao__mapa_wrapper {
display: none;
}
.why__us_li {
grid-template-columns: 1fr;
} .grid__contato {
grid-template-columns: 1fr;
}
.contato__form input, .contato__form textarea {
display: block;
}
.separador__contato {
display: none;
}
.contato__form {
text-align: initial;
} .content__wrapper {
margin-top: 1rem;
}
.breadcrumb__div, .breadcrumb {
display: none;
}
.categories__blog {
margin-bottom: .75rem;
}
.grid__sidebar {
display: block;
}
.grid__social_article {
display: flex;
flex-direction: column-reverse;
gap:.5rem;
}
.redes__sociais_fixed {
flex-direction: row;
position: unset;
justify-content: space-evenly;
}
.content__article h1:before {
top: 0.5rem;
left: -1.75rem;
width: 14rem;
height: 2.5rem;
}
.content__article h1 {
font-size: 2.25rem;
line-height: 2.5rem;
margin-bottom: .5rem;
}
.grid__post_card, .ul__produtos {
grid-template-columns: 1fr !important;
}
.card__tag_list li {
border-top: 4px solid var(--secundaria-3);
border-left: none;
border-radius: 0 0 0.5rem 0.5rem;
margin-bottom: 2rem;
}
.card__tag_item {
grid-template-columns: 1fr;
gap: 0;
max-height: max-content;
}
.segura__texto_card_blog.tag__list {
padding: 1rem;
}
.content__reading_time {
display: block;
}
.content__reading_time::before {
content: '';
}
.content__article h2 {
font-size: 1.05rem;
line-height: 1.5rem;
}
.content__article_body h2 {
font-size: 1.75rem;
line-height: 2.15rem;
}
.content__article_body h3 {
font-size: 1.5rem;
line-height: 1.75rem;
}
.content__article_body h4 {
font-size: 1.25rem;
line-height: 1.75rem;
}
.contato_dados li {
text-align: center;
}
.contato_dados h3:after {
margin-left: auto;
margin-right: auto;
}
.tags__blog {
margin-bottom: 1rem;
}
.related__posts {
text-align: left;
}
.related__posts li:last-child {
margin-bottom: 0;
}  
.footer__main {
max-width: 100%;
padding: 2rem 1rem;
}
.footer__main span {
text-align: center;
}
.footer__main span:after {
margin-left: auto;
margin-right: auto;
}
.footer__main ul li {
margin: 0.75rem auto;
text-align: center;
}
.btn__ambulancia_agora {
margin: 0 auto;
}
.menu__faq {
padding: 2em 0;
}
.slide li {
max-width: 320px;
padding: 1.75rem .875rem 1.75rem .875rem;
}
.tarja__quote {
margin: 1rem -1rem -1.75rem -1rem;
}
.footer__topo h2 {
margin-bottom: 0;
}
.footer__topo p {
text-align: end;
line-height: 1.3rem;
}
.footer__topo img {
max-width: 120px;
}
.footer__main {
text-align: center;
}
.footer__main {
grid-template-columns: 1fr;
text-align: center;
}
img.btn__consulta {
display: block;
margin: 0 auto;  
}
.section__amenidades:before {
display: none;
}
.cookies-content {
grid-template-columns: 1fr;
}
.cookies-save {
grid-column: 1;
grid-row: 3;
}
.segura__lista_cidades {
grid-template-columns: 1fr;
}
}
@media (min-width: 901px) and (max-width: 1360px) {
.section__amenidades:before {
display: none;
}
.ul__box_amenidades {
grid-template-columns: repeat(2, 1fr);
}
.section__servicos .ul__produtos, .section__tipos .ul__produtos {
grid-template-columns: repeat(1, 1fr);
}
.grid__post_card, .section__servicos .ul__produtos {
grid-template-columns: 1fr 1fr;
}
.section__como_funciona ul {
grid-template-columns: repeat(2, 1fr);
}
}