.content__wrapper {
text-align: left;
margin-top: 9rem;
}
.content__wrapper main {
margin-top: 2rem;
}
.categories__blog {
display: flex;
align-items: center;
flex-wrap: wrap;
margin-bottom: 1.5rem;
gap: 0.5rem;
}
.categories__blog li a {
color: var(--preto-1);
background-color: var(--amarelo-4);
margin-bottom: 0.275rem;
padding: 0.5rem 1rem;
font-weight: 500;
}
.categories__blog li a:hover {
background: var(--amarelo-3);
}
.content__article {
text-align: left;
}
.content__article h1 {
margin: 0.5rem 0px;
}
.content__article h2 {
font-size: 1.15rem;
font-weight: 500;
line-height: 1.875rem;
margin-bottom: 1.5rem;
color: var(--preto-linha-fina);
}
.meta__info_author {
font-size: 0.875rem;
display: flex;
align-items: center;
margin: 1rem 0px;
gap: 0.75rem;
}
img.avatar {
border: 2px solid var(--amarelo-3);
}
img.avatar:hover {
border: 2px solid var(--amarelo-1);
}
.meta__info_author span {
color: var(--preto-linha-fina);
line-height: 1.2rem;
}
.meta__info_author a {
color: var(--preto-linha-fina);
text-decoration: underline;
}
time {
color: var(--preto-linha-fina);
}
.content__reading_time::before {
content: '| ';
}
.main__img_post {
margin-bottom: 2rem;
}
.main__img_post img {
height: auto;
}
.content__article_body {
margin-bottom: 3rem;
}
.content__article_body p {
font-size: 1.15rem;
line-height: 2rem;
color: var(--preto-1);
margin-bottom: 2rem;
}
.content__article_body a, .content__article_body strong a {
border-bottom: 1px solid var(--azul-3);
}
.content__article_body ul, .content__article_body ol {
margin-bottom: 2rem;
padding-left: 3rem;
}
.content__article_body ul li, .content__article_body ol li {
font-size: 1.15rem;
list-style-type: square;
margin-bottom: 1rem;
line-height: 2rem;
}
.content__article_body ol li {
list-style-type: number;
}
.content__article_body blockquote {
border-left: 6px solid var(--amarelo-2);
padding-left: 1rem;
margin-bottom: 2rem;
}
.content__article_body blockquote p {
margin-bottom: .875rem;
color: var(--azul);
}
.content__article_body blockquote p::before {
content: "❝ ";
font-size: 1.5rem;
position: relative;
}
.content__article_body blockquote p::after {
content: " ❞";
font-size: 1.5rem;
position: relative;
}
.content__article_body blockquote cite {
color: var(--azul);
background: var(--amarelo-2);
font-weight: 600;
padding: .125rem .5rem;
font-size: 1rem;
}
.wp-block-gallery {
display: flex;
flex-wrap: wrap;
padding: 0.5rem;
gap: 0.5rem;
background: var(--preto-6);
margin-bottom: 3rem;
}
.wp-block-separator {
width: 100%;
border: 1px solid var(--amarelo-4) !important;
margin-bottom: 2.5rem;
display: inline-block;
}
.wp-block-embed {
padding: 1rem;
background: var(--preto-6);
border: 1px solid var(--azul-2);
margin-bottom: 2.5rem;
}
.wp-block-embed__wrapper {
position: relative;
overflow: hidden;
width: 100%;
padding-top: 56.25%;
}
.wp-block-embed__wrapper iframe {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 100%;
height: 100%;
}
.tags__blog {
display: flex;
align-items: center;
background: var(--preto-6);
padding: 1rem;
border: 1px solid var(--azul-2);
}
.tags__blog span {
font-weight: 600;
display: block;
margin-right: 1rem;
font-size: 1.25rem;
line-height: 1.5rem;
}
#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(--azul);
font-size: 0.875rem;
padding: 0.25rem 0.5rem;
background: var(--preto-7);
border: 1px solid var(--azul-3);
}
#tags__list li a:hover {
background: var(--preto-13);
}
.sidebar {
position: sticky;
top: 160px;
margin-bottom: 3rem;
background: var(--preto-6);
padding: 1.5rem;
border: 1px solid var(--azul-2);
}
.sidebar h2 {
font-size: 1.25rem;
margin-bottom: 0.5rem;
line-height: 2rem;
}
.sidebar h2::after {
content: "";
width: 3rem;
height: 2px;
display: block;
margin: 0.25rem 0px;
background: var(--amarelo-2);
}
.categories {
margin-bottom: 1.5rem;
}
.categories:last-child {
margin-bottom: 0;
}
.categories ul li a {
line-height: 1.25rem;
display: block;
color: var(--preto-1);
font-size: 0.875rem;
padding: 0.375rem 0px;
font-weight: 500;
}
.categories ul li a:before {
content: '🏆';
display: inline;
margin-right: .125rem;
}
.categories ul li a:hover {
text-decoration: underline;
}
.grid__post_card {
display: inline-grid;
grid-template-columns: repeat(3, 1fr);
margin: 0px auto;
gap: 1.5rem;
}
.grid__post_card img {
border-radius: .15rem;
}
h1.blog__subtitle {
font-size: 2rem;
}
@media (max-width: 900px) { .content__reading_time {
display: block;
}
.content__reading_time::before {
content: '';
}
.content__article h2 {
font-size: 1.25rem;
line-height: 1.75rem;
}
.grid__post_card {
grid-template-columns: 1fr;
}
.wp-block-embed {
padding: .5rem;
}
}
@media (min-width: 901px) and (max-width: 1140px) {
}.customize-support {
margin-top: -31px;
}
.meta__info_author {
height: 0;
text-indent: -99999px;
white-space: nowrap;
overflow: hidden;
}   html {
font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body {
margin: 0;
}  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 {
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: 0;
} 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;
}  .wp-block-table {
margin: 1.5rem 0 2rem 0;	
}
table {
border-collapse: collapse;
border-spacing: 0;
margin: 0;
border: 1px solid var(--amarelo);
width: 100%;
}
figcaption.wp-element-caption {
margin: 1rem 0;
font-style: italic;
}
td,
th {
padding: 1rem;
border: 1px solid var(--amarelo);
}  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;
}
.container {
max-width: 1200px;
margin: 0 auto;
}
.container::after,
.container::before {
content: '';
display: table;
clear: both;
}
.grid-1,
.grid-2,
.grid-3,
.grid-4,
.grid-5,
.grid-6,
.grid-7,
.grid-8,
.grid-9,
.grid-10,
.grid-11,
.grid-12,
.grid-content-blog,
.grid-sidebar {
margin-left: 1rem;
margin-right: 1rem;
float: left;
display: block;
min-height: 1px;
}
.grid-1 {
width: calc(8.333% - 2rem);
}
.grid-2 {
width: calc(16.666% - 2rem);
}
.grid-3 {
width: calc(25% - 2rem);
}
.grid-4 {
width: calc(33.333% - 2rem);
}
.grid-5 {
width: calc(41.666% - 2rem);
}
.grid-6 {
width: calc(50% - 2rem);
}
.grid-7 {
width: calc(58.333% - 2rem);
}
.grid-8 {
width: calc(66.666% - 2rem);
}
.grid-9 {
width: calc(75% - 2rem);
}
.grid-10 {
width: calc(83.333% - 2rem);
}
.grid-11 {
width: calc(91.666% - 2rem);
}
.grid-12 {
width: calc(100% - 2rem);
}
.grid-content-blog {
width: calc(70% - 2rem);
}
.grid-sidebar {
width: calc(30% - 2rem);
}
@media (max-width: 900px) {
.container {
max-width: 360px;
padding: 0 1rem;
}
.grid-1,
.grid-2,
.grid-3,
.grid-4,
.grid-5,
.grid-6,
.grid-7,
.grid-8,
.grid-9,
.grid-10,
.grid-11,
.grid-12,
.grid-content-blog,
.grid-sidebar {
width: 100%;
margin-left: 0px;
margin-right: 0px;
float: none;
}
} :root {
--azul: #00237C;
--azul-1: #173FA6;
--azul-2: #2758D4;
--azul-3: #3969E3;
--azul-4: #698FF0;
--amarelo: #D69A00;
--amarelo-1: #ECAF12;
--amarelo-2: #FFC226;
--amarelo-3: #FFCF53;
--amarelo-4: #FFDC84;
--preto: #1B2335;
--preto-1: #3E4453;
--preto-linha-fina: #525865;
--preto-2: #717A90;
--preto-3: #A4ADC5;
--preto-4: #CCD4EB;
--preto-5: #E4EBFD;
--preto-6: #F3F6FF;
--preto-7: #F9FAFF;
--branco: #FFF;
--container-maior: 1300px;
--padding-container-maior: 0 1rem;
--container-menor: 1200px;
--padding-container-menor: 0 1rem;
--respiro: 3rem 0;
}
* {
font-family: 'Inter', sans-serif;
color: var(--preto-1);
-webkit-font-smoothing: antialiased;
box-sizing: border-box;
letter-spacing: .01rem;
}
h1 {
font-size: 2.5rem;
font-weight: 700;
line-height: 3rem;
margin-bottom: 2rem;
letter-spacing: 0.01rem;
}
h2, h3, h4, h5 {
font-weight: 800;
color: var(--preto-1);
margin-bottom: 1rem;
letter-spacing: 0.01rem;
-webkit-font-smoothing: antialiased;
}
h2 {
font-size: 2rem;
line-height: 3rem;
}
h3 {
font-size: 1.875rem;
line-height: 2.5rem;
}
h4 {
font-size: 1.5rem;
line-height: 2.3rem;
}
::-webkit-details-marker {
display: none;
}
html {
scroll-behavior: smooth;
}
body {
overflow-x: hidden;
}
p {
margin-bottom: 1.25rem;
}
p,
a {
line-height: 1.5rem;
}
.anchor {
display: block;
height: 80px;
margin-top: -80px;
visibility: hidden;
}
::-webkit-scrollbar {
width: 14px;
height: 14px;
}
::-webkit-scrollbar-thumb {
background: var(--preto-1);
}
::-webkit-scrollbar-track {
background: var(--preto-4);
}
img,
video {
display: block;
max-width: 100%;
height: auto;
}
::selection {
background-color: var(--amarelo-2);
color: var(--preto);
}
.h2__center {
text-align: center;
margin: 0 1rem 2rem 1rem;
color: var(--preto-1);
}
.h2__center:after {
content: '';
width: 3rem;
height: 4px;
display: block;
margin: .25rem auto;
background: var(--amarelo-2);
}
.section__projetos_realizados .h2__center:after {
background: #F04C7D;
}
.print__color_light {
color: var(--branco);
}
.print__color_azul {
color: var(--azul);
}
.print__color_yellow {
color: var(--amarelo);
}
.uppercase {
text-transform: uppercase;
}
[id^="main"] {
padding-top: 100px;
}
.flex__container {
display: flex;
justify-content: space-between;
align-items: center;
gap: 1rem
}
.italic {
font-style: italic;
} .botao__cta {
padding: 12px 16px;
display: inline-flex;
align-items: center;
margin-top: 1rem; 
text-transform: uppercase;
font-weight: bold;
background: var(--amarelo-2);
}
.botao__cta:hover span, .botao__cta:hover {
background: var(--amarelo-3);
}
.btn__ver_mais {
margin-top: 2.5rem;
display: flex;
flex-direction: row-reverse;
padding: 0 1rem;
}
.btn__ver_mais a {
padding: .5rem 0 0 0;
font-weight: 500;
font-size: .875rem;
text-transform: uppercase;
}
.btn__ver_mais a:hover {
color: var(--preto-2);
}
.respiro__section {
padding: var(--respiro);
} .menu__topo {
background: var(--preto);
padding: 1rem 0;
min-height: 58px;
}
.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-4);
line-height: 1.275rem;
font-size: .875rem;
}
.menu__topo strong {
font-weight: 400;
border-bottom: 1px solid var(--amarelo-2);
}
.menu__flex {
display: flex;
justify-content: space-between;
align-items: center;
max-width: var(--container-maior);
padding: var(--padding-container-maior);
grid-gap: .5rem;
margin: 0 auto;
}
#menuMain li,
.menu__flex li,
.menu__flex p {
margin-bottom: 0;
}
.whatsapp__button {
display: flex;
align-items: center;
}
.whatsapp__button span {
margin-right: .75rem;
color: var(--preto-6);
font-weight: 500;
}
.whatsapp__button:hover {
cursor: pointer;
} .segura__menu_main {
box-shadow: 0 0 10px rgb(0 0 0 / 25%);
}
#headerGroup {
position: fixed;
width: 100%;
transform: translate3d(0, 0, 0);
background: var(--amarelo-2);
top: 0;
z-index: 10;
}
#headerMain {
box-sizing: border-box;
background: var(--amarelo-2);
padding: 1rem 14px;
display: flex;
max-width: var(--container-maior);
align-items: center;
margin: 0 auto;
justify-content: space-between;
}
.logo__main_menu {
display: flex;
align-items: center;
max-height: 10px;
}
.logo__main_menu h1, .some__texto {
height: 0;
text-indent: -99999px;
white-space: nowrap;
overflow: hidden;
padding: 0 !important;
margin: 0 !important;
}
.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: 1.7em;
}
#menuMain {
display: flex;
background:var(--amarelo-2);
list-style: none;
flex-wrap: wrap;
align-items: center;
grid-gap: 2rem;
}
#menuMain li a, #menuMain li span {
display: block;
transition: .2s ease;
padding: .5rem 0;
font-size: 1rem;
font-weight: 400;
color: var(--preto-1);
}
#menuMain li a::after {
content: '';
display: block;
margin-top: 0.2em;
border-bottom: 2px solid transparent;
width: 5%;
float: right;
transition: 0.2s ease;
}
#menuMain li a:hover::after,
#menuMain li a.active::after {
width: 40%;
border-bottom: 2px solid var(--amarelo);
}
#btnMainMobile {
display: none;
} .main__home {
background: url(https://www.bezerraesquadrias.com.br/wp-content/uploads/2023/02/bg-bezerra-esquadrias-excelencia.webp) repeat center;
background-size: contain;
height: auto;
padding-top: 100px;
margin: 80px auto 0 auto;
}
.segura__main {
margin: 0 auto;
padding: var(--padding-container-maior);
display: flex;
flex-direction: column;
justify-content: center;
align-items: self-start;
}
.main__home h2 {
max-width: 450px;
font-size: 2.75rem;
line-height: 3rem;
font-weight: 300;
position: relative;
}
.main__home h2 .italic {
font-style: italic;
margin: 0 .5rem 0 -2rem;
padding: .25rem 1rem .25rem 2rem;
background: var(--branco);
}
.main__home h2 strong {
background: var(--branco);
font-style: normal;
display: inline-block;
padding: .25rem;
margin: .5rem;
font-weight: 700;
}
.sob__medida {
font-style: normal;
display: inline-block;
font-weight: 500;
background: var(--branco);
padding: .25rem 1rem .25rem 2rem;
margin: .5rem .5rem .5rem -1rem;
} .section__amenidades {
padding: 2rem 0;
text-align: center;
}
.ul__box_amenidades {
max-width: var(--container-maior);
margin: 0 auto;
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-gap: 1rem;
}
.box__amenidades {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
gap: 1rem;
padding: 1rem;
margin: 0 1rem;
justify-content: flex-start;
background: var(--preto-7);
transition: .2s ease;
}
.box__amenidades:hover {
background: var(--preto-6);
}
.box__amenidades_texto {
padding: 0 1.25rem;
}
.box__amenidades h2 {
color: var(--azul-1);
font-weight: 700;
margin-bottom: .5rem;
font-size: 1rem;
line-height: 1.25rem;
}
.box__amenidades p {
color: var(--preto-1);
font-size: .875rem;
line-height: 1.2rem;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
margin-bottom: 0;
} .ul__servicos {
max-width: var(--container-menor);
padding: var(--padding-container-maior);
margin: 0 auto;
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 1.5rem;
}
.ul__servicos li {
border-top: 4px solid var(--amarelo-1);
background: var(--preto-6);
transition: .2s ease;
height: max-content;
}
.ul__servicos img {
width: 100%;
object-fit:cover;
height: auto;
}
.segura__texto_btn {
display: flex;
text-align: center;
flex-direction: column;
gap: .5rem;
padding: 1rem 1rem 1.5rem 1rem;
justify-content: flex-start;
}
.segura__texto_btn h3 {
font-weight: 700;
color: var(--azul-1);
font-size: 1rem;
line-height: 1.5rem;
margin-bottom: 0;
}
.segura__texto_btn p {
color: var(--preto-1);
font-size: .875rem;
line-height: 1.2rem;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
margin-bottom: .75rem;
}
.botao__cta_services {
padding: 8px 20px;
align-items: center;
color: var(--azul-1);
background: var(--branco);
border: 1px solid var(--azul-1);
margin: 0 auto;
text-transform: uppercase;
font-weight: 700;
font-size: .875rem;
}
.botao__services_fixed {
justify-content: center;
position: fixed;
bottom: 1rem;
right: 1rem;
z-index: 99;
}
.ul__servicos li:hover {
background: var(--branco);
box-shadow: 0 10px 20px 0 rgb(0 0 0 / 14%);
transition: .2s ease;
transform: scale(1.05);
}
.ul__servicos li:hover .botao__cta_services {
color: var(--branco);
background: var(--amarelo);
border: 1px solid var(--amarelo-1);
} .section__quebra {
background: linear-gradient(rgba(27,35,53,.7), rgba(27,35,53,.4)), url(//www.bezerraesquadrias.com.br/wp-content/themes/DJMogi/img/sections/depoimentos.webp) no-repeat center;
background-size: cover;
background-attachment: fixed;
}			
.active {
background: none;
}
.slide-wrapper {
margin-top: 0;
overflow-x: hidden;
}
.slide {
display: flex;
}
.slide li {
flex-shrink: 0;
width: 100%;
max-width: 600px;
padding: 2rem 1.5rem 1.5rem 1.5rem;
background: var(--preto);
opacity: 0;
transition: 0.6s;
text-align: center;
}
.slide li.active {
opacity: 1;
}
.slide blockquote {
position: relative;
font-style: italic;
line-height: 1.5rem;
color: var(--preto-4);
text-align: center;
margin: 0 1rem 1.5rem 1rem;
}
.slide blockquote:before {
content:url(//www.bezerraesquadrias.com.br/wp-content/themes/DJMogi/img/icons/aspas.svg);
position: absolute;
top: -1rem;
left: -1.3rem;
}
.depoimentos h3 {
font-size: 1.1rem;
line-height: 1.5rem;
margin-bottom: .25rem;
font-weight: 700;
color: var(--preto-4);
}
.depoimentos span {
font-size: 1rem;
color: var(--preto-3);
display: block;
}
[data-control='slide'] {
display: flex;
justify-content: center;
margin-top: 20px;
}
.custom-controls {
display: flex;
margin-top: 1rem;
justify-content: center;
flex-wrap: wrap;
}
.custom-controls li {
opacity: 0.8;
transform: scale(0.7);
width: 70px;
height: 70px;
border-radius: 50%;
overflow: hidden;
margin: 2px;
transition: 0.3s;
cursor: pointer;
}
.custom-controls li.active {
opacity: 1;
transform: scale(1);
} .section__projetos_realizados ul li {
transition: .2s ease;
}
.section__projetos_realizados ul li .img__grid {
transition: .2s ease;
outline: 1rem solid transparent;
}
.section__projetos_realizados ul li:hover .img__grid, .wp-block-image:hover {
outline: .5rem solid var(--preto-6);
z-index: 1;
transform: scale(1.15);
transition: .2s ease;
}
.grid_projetos_realizados {
column-count: 3;
gap: 0rem;
background: var(--preto-6);
padding: 0.5rem;
}
.column-grid {
-webkit-column-break-inside: avoid;
page-break-inside: avoid;
break-inside: avoid-column;
padding: .5rem;
}
// SLIDESHOW FADE AUTOMATIC COM LEGENDA
.mySlides {display: none;}
.mySlides img {
vertical-align: middle;
aspect-ratio: 16 / 9;
} .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;
color: var(--branco);
position: absolute;
font-weight: 400;
background-color: rgba(27,35,53, 0.8);
bottom: -.5rem;
font-size: .875rem;
text-align: initial;
}
.label__text_span {
position: absolute;
top: .5rem;
left: -.5rem;
color: var(--branco);
font-weight: 600;
font-size: .875rem;
text-transform: uppercase;
background: #cb2255;
animation: shake .8s cubic-bezier(.36,.07,.19,.17) both;
padding: .5rem 1rem;
}
.dots__slides {
margin: 1rem 0 0 0;
margin-bottom: 0 !important;
padding-left: 0 !important;
}
.dot__slide.active {
animation: shake .8s cubic-bezier(.36,.07,.19,.27) both;
} .dot__slide {
cursor: pointer;
height: 1.5rem;
border-top: 4px solid var(--preto-4);
width: 1.5rem;
margin: 0 2px;
background-color: var(--preto-3);
display: inline-block;
transition: background-color 0.6s ease;
}
.active, .dot__slide:hover {
background-color: var(--preto-1);
} .fade {
animation-name: fade;
animation-duration: 1.5s;
}
@keyframes fade {
from {opacity: .4} 
to {opacity: 1}
}
.slideshow-container:hover .text {
background-color:rgba(27,35,53, .9);
} .section__manifest {
max-width: 800px;
margin: 0 auto;
text-align: center;
}
blockquote {
margin-bottom: 3rem;
}
blockquote strong, .cookies-content strong {
border-bottom: 1px solid var(--amarelo-2);
}
.itens__flexible {
display:flex;
justify-content: space-evenly;
align-items: baseline;
gap: 1rem;
}
.grafismo__esquadro:nth-child(1) {
position: absolute;
z-index: -1000;
opacity: .02;
top: 920px;
left: 1rem;
}
.grafismo__esquadro:nth-child(2) {
position: absolute;
z-index: -1000;
opacity: .02;
top: 1350px;
right: 1rem;
}
.grafismo__esquadro:nth-child(3) {
position: absolute;
z-index: -1000;
opacity: .02;
top: 2650px;
right: 1rem;
transform: rotate(20deg);
}
.grafismo__esquadro:nth-child(4) {
position: absolute;
z-index: -1000;
opacity: .02;
top: 2950px;
left: 1rem;
transform: rotate(80deg);
} .section__why_us {
margin: 0 auto;
background: var(--preto-7);
text-align: center;
}
.section__why_us h2:after {
content: '';
width: 3rem;
height: 4px;
display: block;
margin: .25rem auto;
background: var(--amarelo-2);
}
.flex__column {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.linhas__why_us {
padding-top: .5rem;
width: 67%;
display: block
}
.logo__why_us {
width: 200px
}
.why__us_li li {
display: flex;
flex-direction: column;
align-items: center;
gap: .5rem;
padding: 1rem 1rem 0 1rem;
max-width: 300px;
}
.why__us_li h3 {
font-size: 1.25rem;
font-weight: 700;
color: var(--azul-1);
}
.why__us_li p {
color: var(--preto-1);
font-size: .875rem;
line-height: 1.2rem;
} .section__faq {
background: var(--preto-4);
}
.grid__faq {
display: grid;
grid-template-columns: 320px 1fr;
gap: 1.5rem;
margin: 0 auto;
max-width: var(--container-menor);
padding: var(--padding-container-maior);
}
.grid__faq h2 {
text-align: left;
margin-bottom: .5rem;
color: var(--preto-1)
}
.grid__faq p {
color: var(--preto-1);
margin-bottom: 0;
}
.section__onde_atuamos .wrapper {
max-width: 600px;
margin: 0 auto;
padding: 0 1rem;
}
.lista-item {
background: var(--branco);
text-align: left;
margin-bottom: -1px;
border: 1px solid var(--preto-2);
border-left: 6px solid var(--preto-2);
}
.faq-titulo {
display: flex;
justify-content: space-between;
align-items: center;
cursor: pointer;
background: var(--branco);
padding: 1rem 1.5rem;
gap: 1rem;
line-height: 1.6rem;
font-size: 1.1rem;
font-weight: 700;
margin-bottom: 0;
}
.faq-titulo h3 {
margin-bottom: 0;
}
.faq-titulo:hover {
background: var(--preto-5);
}
.faq-titulo::after {
content: '📐';
margin-left: 1rem;
transition: transform 0.1s ease-out;
}
.faq-conteudo {
padding: 1rem 1.5rem;
margin-bottom: 0;
display: none;
}
.faq-conteudo p:last-child {
margin-bottom: 0;
}
.faq-conteudo p {
margin-bottom: 1rem;
font-weight: 500;
color: var(--preto-1);
}
.trigger-input {
display: none;
}
.trigger-input:checked + .trigger-wrapper .faq-conteudo {
display: block;
}
.trigger-input:checked + .trigger-wrapper .faq-titulo::after {
transform: rotate(360deg) scale(1.1);
content: '🏠 ';
}
.trigger-input:checked + .trigger-wrapper .faq-titulo {
border-bottom: 1px dashed var(--preto-2);
}
.section__onde_atuamos .faq-titulo::after {
content: '📐';
}
.section__onde_atuamos .trigger-input:checked + .trigger-wrapper .faq-titulo::after {
content: '📌 ';
}
.section__onde_atuamos .lista-item {
border: 1px solid var(--preto-4);
border-left: 6px solid var(--amarelo-4);
} .breadcrumb__div {
max-width: var(--container-maior);
margin: 0 auto;
}
.breadcrumb {
display: flex;
align-items: center;
flex-wrap: wrap;
padding: 0 1rem;
font-size: .875rem;
margin: .5rem 0;
text-align: left;
}
.breadcrumb>li:after {
color: var(--preto-1);
content: '⤏';
margin-left: 3px;
margin-right: 5px;
}
.breadcrumb>li:last-child:after {
content: none;
}
.breadcrumb li span {
color: var(--preto-2);
line-height: 1.3rem;
}
.breadcrumb li a {
padding: .5rem 0;
}
.breadcrumb li span:hover {
text-decoration: underline;
}
.breadcrumb li:last-child span  {
color: var(--preto-1);
background-color: var(--amarelo-4);
font-weight: bold;
text-decoration: none;
}
.paginacao {
text-align: center;
display: block;
margin: 1rem auto ;
}
.paginacao a {
background-color: var(--amarelo-4);
color: var(--preto-2);;
padding: .5rem 1rem;
font-size: 1rem;
text-transform: uppercase;
}
.related__posts {
padding: 3rem 1rem;
}
.related__posts h2 {
font-size: 1.5rem;
margin-bottom: 1.5rem;
line-height: 2rem;
}
.related__posts h1::after, .related__posts h2::after {
content: "";
width: 3rem;
height: 2px;
display: block;
margin: 0.5rem 0px;
background: var(--amarelo-2);
}
.related__posts h3 {
font-size: 1.15rem;
line-height: 1.5rem;
margin: 1rem 0px 0.5rem;
}
.related__posts p {
color: var(--preto-linha-fina);
line-height: 1.4rem;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
display: none;
}
.related__posts ul li:hover h3 {
text-decoration: underline;
}
.related__posts li {
cursor: pointer;
padding: 1rem;
border-width: 1px;
border-style: dashed;
border-radius: 0.5rem;
height: max-content;
border-image: initial;
background: var(--preto-7);
border: 2px dashed var(--preto-5);
}
.related__posts li:hover {
border: 2px dashed var(--amarelo-3);
background: var(--preto-6);
}
.related__posts .meta__info_author {
margin-bottom: .5rem;
}
.related__posts .botao__mais {
display: inline-block;
background: transparent;
border: 2px dashed var(--preto-1);
margin: 0.5rem 0px;
padding: 0.5rem 1rem;
}
.related__posts .botao__mais span {
color: var(--preto-1);
text-transform: uppercase;
font-weight: 600;
}
.related__posts .botao__mais__icon {
max-height: 2rem;
}
.related__posts ul li:hover .botao__mais {
background: var(--amarelo-3);
}
.related__posts ul li:hover .botao__mais {
transform: translate3d(0px, 0px, 0px);
backface-visibility: hidden;
perspective: 1000px;
animation: 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) 0s 1 normal both running shake;
transition: all 0.3s ease 0s;
}
.grid__post_card {
display: inline-grid;
grid-template-columns: repeat(3, 1fr);
margin: 0px auto;
gap: 1.5rem;
}
.grid__post_card img {
border-radius: .15rem;
}
.meta__info_author {
font-size: 0.875rem;
display: flex;
align-items: center;
margin: 1rem 0px;
gap: 0.75rem;
}
img.avatar {
border: 2px solid var(--amarelo-3);
}
img.avatar:hover {
border: 2px solid var(--amarelo-1);
}
.meta__info_author span {
color: var(--preto-linha-fina);
line-height: 1.2rem;
}
.meta__info_author a {
color: var(--preto-linha-fina);
text-decoration: underline;
}
time {
color: var(--preto-linha-fina);
}
@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 {
box-sizing: border-box;
padding: 1rem;
display: flex;
gap: 1rem;
max-width: var(--container-maior);
align-items: center;
margin: 0 auto;
justify-content: space-between;
border-bottom: 1px solid var(--preto-2);
background: var(--preto);
}
.footer__topo p {
margin-bottom: 0;
color: var(--preto-3);
}
.container.footer__main {
max-width: var(--container-maior);
}
.footer__main {
padding: 2rem 0;
}
.footer__main p {
font-size: 1.25rem;
color: var(--preto-5);
font-weight: 700;
margin-bottom: 1rem;
text-align: left;
line-height: 2rem;
}
.footer__main p:after {
content: '';
display: block;
background: var(--preto-2);
width: 70%;
height: 1px;
margin-top:.5rem
}
.footer__main ul {
margin: 1em 0 2em 0;
text-align: left;
}
.footer__main ul li {
margin-bottom: 0.8rem;
}
.footer__main ul li a {
color: var(--preto-4);
}
.footer__main ul li a:hover,
.footer__main ul li a:active {
text-decoration: underline;
}
.footer__copywriting {
background-color: var(--amarelo-3);
padding: .5rem;
border-top: 1px solid var(--preto-2);
box-sizing: border-box;
text-align: center;
font-weight: 600;
}
.footer__copywriting small {
display: block;
color: var(--preto-10);
margin-bottom: 0;
line-height: 1.3rem;
}
.footer__copywriting small a {
font-weight: 600;
color: var(--preto);
}
.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: auto 1fr auto;
grid-gap: 2rem;
align-items: center;
}
.flex__cookies p {
margin-bottom: 0;
}
.cookies-content {
background: var(--preto-7);
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, shake .8s cubic-bezier(.36,.07,.19,.97) 1s forwards;
}
@keyframes slideUp {
to {
transform: initial;
opacity: initial;
}
}
.cookies-pref {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 1rem;
margin-right: 1.5rem;
padding-top: 1px;
}
.cookies-save {
background: var(--preto);
color: var(--branco);
cursor: pointer;
border: none;
padding: 0.8rem 1rem;
font-size: 1rem;
border: 1px solid var(--amarelo-3); 
transition: .05s ease;
font-weight: 500;
}
.cookies-save:hover {
border: 1px solid var(--amarelo-3); 
border-image: none;
background: var(--amarelo-1);
color: var(--preto);
}
.control {
display: block;
position: relative;
padding-left: 1.75rem;
padding-top: 1px;
cursor: pointer;
font-size: .975rem;
line-height: 1.3rem;
color: var(--preto-1);
}
.control input {
position: absolute;
z-index: -1;
opacity: 0;
cursor: pointer;
background-color: var(--preto-2);
}
.control_indicator {
position: absolute;
top: 0px;
left: 0;
height: 22px;
width: 22px;
background: var(--preto-4);
border: 1px solid var(--preto-2);
border-radius: 0px;
}
.control:hover input ~ .control_indicator,
.control input:focus ~ .control_indicator {
background: var(--preto-4);
}
.control input:checked ~ .control_indicator {
background: var(--amarelo);
}
.control:hover input:not([disabled]):checked ~ .control_indicator,
.control input:checked:focus ~ .control_indicator {
background: var(--amarelo);
}
.control input:disabled ~ .control_indicator {
background: var(--preto-2);
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: 3px;
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-5);
}
.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(--amarelo-1);
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 + .control_indicator::before {
animation: s-ripple .5s ease-out;
}
.control-checkbox input:checked + .control_indicator::before {
animation-name: s-ripple-dup;
}
@media (max-width: 900px) {
body {
text-align: center;
}
h1 {
font-size: 2rem;
line-height: 2.5rem;
}
h2 {
font-size: 1.5rem;
line-height: 2rem;
}
.menu__flex li:nth-child(2), .menu__flex li a span {
display: none;
}
#menuMain {
display: block;
position: absolute;
background: var(--preto-6);
font-size: 1.5rem;
padding-top: 2rem;
text-align: left;
width: 100%;
top: 129px;
right: 0px;
z-index: -1;
height: 0px;
visibility: hidden;
overflow-y: hidden;
}
#navMain.active #menuMain {
height: calc(100vh - 128px);
visibility: visible;
overflow-y: hidden;
transition:  .3s ease;
}
#menuMain a, #menuMain span {
padding: 1.25rem 0 !important;
margin: 0 1rem;
}
.menu__main__group {
padding: 0;
}
#btnMainMobile {
color: var(--preto);
border: 1px solid var(--amarelo);
display: flex;
align-items: center;
padding: 0.4rem .875rem;
font-size: 1rem;
font-weight: 500;
background: var(--amarelo-3);
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%);
}
#hamburger {
border-top: 2px solid;
width: 20px;
}
#textoHamburquer {
font-weight: 500;
color: var(--preto);
}
#hamburger::after,
#hamburger::before {
content: '';
display: block;
width: 20px;
height: 2px;
background: var(--preto);
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;
}
#menuMain li {
width: 100%;  
}
#menuMain li:after {
content: '';
display: block;
background: var(--preto-4);
width: 100%;
height: 1px;
}
#menuMain li:last-child:after {
display: none;
}
#menuMain li a::after {
display: none;
}
#menuMain li a:hover,
#menuMain li a:active {
color: var(--azul-2);
}
.main__home {
background: url(https://www.bezerraesquadrias.com.br/wp-content/uploads/2023/02/bg-mobile-bezerra-esquadrias.webp) no-repeat left;
background-size: cover;
}
.main__home h2 {
font-size: 2.5rem;
line-height: 3rem;
margin-bottom: 1rem;
}
.ul__box_amenidades, .ul__servicos {
grid-template-columns: 1fr;
}
.box__amenidades a {
border: 1px solid var(--verde);
background: var(--preto);
box-shadow: 0 -.875rem 0 0 var(--verde) inset;
transition: .2s ease;
}
.container.section__servicos_container {
max-width: 100%;
}
.ul__servicos {
display: flex;
overflow-x: scroll;
padding: 0 0 1rem 0.5rem;
grid-gap: 0;
}
.ul__servicos::after {
content: "";
flex: 0 0 .5rem;
}
.ul__servicos li {
max-width: 270px;
min-width: 270px;
margin: 0 0.5rem;
}
.ul__servicos li:hover {
background: var(--preto-6);
box-shadow: none;
transform: none;
}
.btn__ver_mais.container {
padding: 0;
}
.texto__direita {
margin-bottom: 2rem;
}
.section__quebra {
background: linear-gradient(rgba(27,35,53,.7), rgba(27,35,53,.4)), url(https://www.bezerraesquadrias.com.br/wp-content/uploads/2023/02/depoimentos-bg.webp) repeat center;
}	
.cookies-container {
bottom: 0;
}
.grafismos {
display: none;
}
.flex__cookies {
grid-template-columns: 1fr;
justify-items: center;
grid-gap: 1rem;
margin-bottom: 1rem;
}
.flex__cookies img {
max-height: 2rem;
}
.grid_projetos_realizados {
column-count: 1 !important;
gap: 0rem;
background: var(--preto-6);
}
.column-grid {
padding: .5rem;
}
.slideshow-container {
max-width: 50rem;
position: relative;
margin: 0 1rem;
border-left: 2px solid #F04C7D;
}
.mySlides img {
aspect-ratio: 4/3;
object-fit: cover;
}
.logo__why_us {
display: none;
}
.linhas__why_us {
display: none;
} .grid__faq {
grid-template-columns: 1fr;
}
.wrapper {
margin-bottom: 0;
}
.h2__p_faq h2 {
text-align: center;
}
.breadcrumb {
display: none;
}
.footer__main {
max-width: 100%;
}
.footer__main p {
text-align: center;
}
.footer__main p:after {
margin-left: auto;
margin-right: auto;
}
.footer__main ul li {
margin: 0.75rem auto;
text-align: center;
}
.footer__logo_centralizado {
display: none;
}
.menu__faq {
padding: 2em 0;
}
.footer__topo img {
width: 120px;
}
.footer__topo h2 {
margin-bottom: 0;
}
.footer__topo p {
text-align: end;
line-height: 1.3rem;
}
.footer__main {
text-align: center;
}
.cookies-content {
grid-template-columns: 1fr;
}
.cookies-save {
grid-column: 1;
grid-row: 3;
}
.related__posts {
text-align: left;
}
.grid__post_card {
grid-template-columns: 1fr;
}
.subnav-content {
display: none;
}
.subnav:hover .subnav-content {
display: none;
}
}
@media (min-width: 901px) and (max-width: 1140px) {
}