.atropos{position:relative;display:block;perspective:1200px;transform:translate3d(0,0,0)}.atropos-rotate-scroll-x,.atropos-rotate-scroll-y,.atropos-rotate-touch{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.atropos-rotate-touch-scroll-y{touch-action:pan-y}.atropos-rotate-touch-scroll-x{touch-action:pan-x}.atropos-rotate-touch{touch-action:none}.atropos-rotate,.atropos-scale{width:100%;height:100%;transform-style:preserve-3d;transition-property:transform;display:block}.atropos-highlight,.atropos-shadow{position:absolute;pointer-events:none;transition-property:transform,opacity;display:block;opacity:0}.atropos-shadow{z-index:-1;background:#000;left:0;top:0;width:100%;height:100%;filter:blur(30px)}.atropos-highlight{left:-50%;top:-50%;width:200%;height:200%;background-image:radial-gradient(circle at 50%,rgba(255,255,255,.25),transparent 50%);z-index:0}.atropos-rotate{position:relative}.atropos-inner{width:100%;height:100%;position:relative;overflow:hidden;transform-style:preserve-3d;transform:translate3d(0,0,0);display:block}.atropos-active{z-index:1}.atropos-active .atropos-shadow{opacity:1!important}[data-atropos-offset]{transition-property:transform}[data-atropos-opacity]{transition-property:opacity}[data-atropos-offset][data-atropos-opacity]{transition-property:transform,opacity}#sb-title-inner,#sb-info-inner,#sb-loading-inner,div.sb-message{font-family:"HelveticaNeue-Light","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:200;color:#fff;}
#sb-container{position:fixed;margin:0;padding:0;top:0;left:0;z-index:999;text-align:left;visibility:hidden;display:none; z-index: 10000000000000000000;}
#sb-overlay{position:relative;height:100%;width:100%; z-index: 10000000000000000000;opacity: 1 !important;}
#sb-wrapper{position:absolute;visibility:hidden;width:100px; z-index: 10000000000000000000;}
#sb-wrapper-inner{position:relative;border:1px solid #fff;overflow:hidden;height:100px; z-index: 10000000000000000000;}
#sb-body{position:relative;height:100%;}
#sb-body-inner{position:absolute;height:100%;width:100%;}
#sb-player.html{height:100%;overflow:auto;}
#sb-body img{border:none;}
#sb-loading{position:relative;height:100%;}
#sb-loading-inner{position:absolute;font-size:14px;line-height:24px;height:24px;top:50%;margin-top:-12px;width:100%;text-align:center;}
#sb-body,#sb-loading{background-color:#000;}
#sb-title,#sb-info{position:relative;margin:0;padding:0;overflow:hidden;}
#sb-title,#sb-title-inner{height:43px;line-height:26px;}
#sb-title-inner{font-size:16px;}
#sb-info { position:absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important;  }
#sb-info,#sb-info-inner{height:40px;line-height:20px;}
#sb-info-inner{font-size:12px;}
#sb-nav{float:right;height:40px;padding:2px 0;width:45%;}
#sb-nav a{display:block;float:right;height:30px;width:30px;background-size:cover;margin-left:3px;cursor:pointer;background-repeat:no-repeat;}
#sb-nav-close{background-image:url(//kylzoaraujo.com.br/wp-content/themes/thema-kylzo/img/close.png);}
#sb-nav-next{background-image:url(//kylzoaraujo.com.br/wp-content/themes/thema-kylzo/img/next.png);}
#sb-nav-previous{background-image:url(//kylzoaraujo.com.br/wp-content/themes/thema-kylzo/img/previous.png);}
#sb-counter{float:left;width:45%; color: #fff; font-size: large; font-weight: 800;}
#sb-counter a{padding:0 4px 0 0;text-decoration:none;cursor:pointer;color:#fff;}
#sb-counter a.sb-counter-current{text-decoration:underline;}
div.sb-message{font-size:12px;padding:10px;text-align:center;}
div.sb-message a:link,div.sb-message a:visited{color:#fff;text-decoration:underline;}.owl-carousel,.owl-carousel .owl-item {
-webkit-tap-highlight-color: transparent;
position: relative
}
.owl-carousel {
display: none;
width: 100%;
z-index: 1
}
.owl-carousel .owl-stage {
position: relative;
-ms-touch-action: pan-Y;
touch-action: manipulation;
-moz-backface-visibility: hidden
}
.owl-carousel .owl-stage:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0
}
.owl-carousel .owl-stage-outer {
position: relative;
overflow: hidden;
-webkit-transform: translate3d(0,0,0)
}
.owl-carousel .owl-item,.owl-carousel .owl-wrapper {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0)
}
.owl-carousel .owl-item {
min-height: 1px;
float: left;
-webkit-backface-visibility: hidden;
-webkit-touch-callout: none
}
.owl-carousel .owl-item img {
display: block;
width: 100%
}
.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled {
display: none
}
.no-js .owl-carousel,.owl-carousel.owl-loaded {
display: block
}
.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev {
cursor: pointer;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot {
background: 0 0;
color: inherit;
border: none;
padding: 0!important;
font: inherit
}
.owl-carousel.owl-loading {
opacity: 0;
display: block
}
.owl-carousel.owl-hidden {
opacity: 0
}
.owl-carousel.owl-refresh .owl-item {
visibility: hidden
}
.owl-carousel.owl-drag .owl-item {
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.owl-carousel.owl-grab {
cursor: move;
cursor: grab
}
.owl-carousel.owl-rtl {
direction: rtl
}
.owl-carousel.owl-rtl .owl-item {
float: right
}
.owl-carousel .animated {
animation-duration: 1s;
animation-fill-mode: both
}
.owl-carousel .owl-animated-in {
z-index: 0
}
.owl-carousel .owl-animated-out {
z-index: 1
}
.owl-carousel .fadeOut {
animation-name: fadeOut
}
@keyframes fadeOut {
0% {
opacity: 1
}
100% {
opacity: 0
}
}
.owl-height {
transition: height .5s ease-in-out
}
.owl-carousel .owl-item .owl-lazy {
opacity: 0;
transition: opacity .4s ease
}
.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""] {
max-height: 0
}
.owl-carousel .owl-item img.owl-lazy {
transform-style: preserve-3d
}
.owl-carousel .owl-video-wrapper {
position: relative;
height: 100%;
background: #000
}
.owl-carousel .owl-video-play-icon {
position: absolute;
height: 80px;
width: 80px;
left: 50%;
top: 50%;
margin-left: -40px;
margin-top: -40px;
background: url(//kylzoaraujo.com.br/wp-content/themes/thema-kylzo/css/owl.video.play.png) no-repeat;
cursor: pointer;
z-index: 1;
-webkit-backface-visibility: hidden;
transition: transform .1s ease
}
.owl-carousel .owl-video-play-icon:hover {
-ms-transform: scale(1.3,1.3);
transform: scale(1.3,1.3)
}
.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn {
display: none
}
.owl-carousel .owl-video-tn {
opacity: 0;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
transition: opacity .4s ease
}
.owl-carousel .owl-video-frame {
position: relative;
z-index: 1;
height: 100%;
width: 100%
}@import url("https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap"); :root {
--cor-branco: white;
--cor-preto: black;
--cor-verde: #00fd00;
--cor-cinza: #545454;
--font-NunitoSans: "Nunito Sans", sans-serif;
--font-extralight: 200;
--font-light: 300;
--font-regular: 400;
--font-medium: 500;
--font-semibold: 600;
--font-bold: 700;
} .transition_on *,
.transition_on {
transition: ease .5s all !important;
}
html,
body {
margin: 0;
overflow-x: clip;
}
* {
margin: 0;
box-shadow: 0 0 0 0;
border: 0 none;
outline: 0;
font-family: var(--font-NunitoSans);
}
a,
a:hover {
text-decoration: none;
color: var(--cor-branco);
}
h2,
h2>span, h1, h1>span {
font-size: 35px;
font-weight: var(--font-bold);
}
h2, h1 {
color: var(--cor-preto);
margin-bottom: 10px;
text-shadow: 0.7px 0.7px 0.7px var(--cor-preto);
}
h2>span, h1>span {
color: var(--cor-verde);
}
p,
p>span {
font-size: 20px;
color: var(--cor-cinza);
}
p {
font-weight: var(--font-light);
margin-bottom: 0;
}
p span {
font-weight: var(--font-bold);
}
img {
transition: all 0.3s ease-in-out;
width: 100%;
}
header {
position: absolute;
width: 100%;
padding-top: 60px;
z-index: 99;
}
header .logo,
footer .logo {
max-width: 250px;
}
header.drop {
position: fixed;
top: 0;
padding: 12px 0;
background-color: var(--cor-preto);
box-shadow: 0px 0px 4px 0px var(--cor-branco);
}
header.drop .col-lg-4,
header.drop .col-lg-8 {
margin-bottom: 0 !important;
}
header.drop .col-lg-8 {
display: flex;
align-items: center;
justify-content: center;
}
header.drop ul {
width: 100%;
}
header ul {
display: flex;
justify-content: space-around;
align-items: center;
gap: 15px;
list-style: none;
padding: 0;
margin: 0;
}
header ul .nav-item .nav-link {
color: var(--cor-branco);
font-weight: var(--font-light);
font-size: 18px;
}
header .redes-sociais img,
footer .social-media img {
width: 36px;
height: 36px;
object-fit: contain;
}
#menu-primeiro .submenu {
min-width: 140px;
top: calc(100% - 40px);
}
header.drop #menu-primeiro .submenu {
top: calc(100% - 30px);
}
footer .submenu {
top: calc(100% - 105px);
}
#menu-primeiro .nav-item .submenu .nav-link,
footer .nav-item .submenu .nav-link {
color: var(--cor-branco);
}
#menu-primeiro .menusegundo:hover .nav-link .seta,
footer .menusegundo:hover .nav-link .seta {
transform: rotate(-180deg);
}
#menu-primeiro .menusegundo .nav-link,
footer .menusegundo .nav-link {
display: flex;
align-items: center;
gap: 2px;
}
#menu-primeiro .menusegundo .nav-link .seta,
footer .menusegundo .nav-link .seta {
transform: rotate(0deg);
width: 20px;
height: 20px;
display: flex;
align-items: center;
justify-content: center;
background-image: url(https://kylzoaraujo.com.br/wp-content/uploads/2025/03/seta.png);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
filter: invert(1);
}
#menu-primeiro ul li ul,
footer ul li ul {
width: max-content;
max-width: 280px;
position: absolute;
z-index: 10;
width: max-content;
max-width: 305px;
visibility: hidden;
opacity: 0;
margin-top: -41px;
flex-direction: column;
float: none;
margin: 0px 0px;
padding: 15px 8px 8px 8px;
background-color: #282828;
-webkit-box-shadow: 0 8px 15px rgb(0 0 0 / 10%);
box-shadow: 0 8px 15px rgb(0 0 0 / 10%);
align-items: start;
gap: 0;
justify-content: unset;
}
#menu-primeiro ul li ul::before,
footer ul li ul::before {
content: "";
display: flex;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 6px;
background: var(--cor-verde);
}
#menu-primeiro ul li:hover>ul,
footer ul li:hover>ul {
visibility: visible;
opacity: 1;
display: block;
}
.btn-base {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
max-width: fit-content;
height: 53px;
font-size: 19px;
font-weight: var(--font-semibold);
border-radius: 0;
padding: 0 45px 0 35px;
position: relative;
transition: all 0.3s ease-in-out;
}
.btn-base::after,
.contato form .box-btn p::after {
content: '';
display: flex;
width: 18px;
height: 20px;
background-image: url(https://kylzoaraujo.com.br/wp-content/uploads/2025/03/seta.png);
background-position: center;
background-size: cover;
background-repeat: no-repeat;
transform: rotate(-90deg);
position: absolute;
right: 12px;
transition: all 0.3s ease-in-out;
}
.btn-verde {
background-color: var(--cor-verde);
color: var(--cor-preto);
}
.btn-verde:hover {
background-color: var(--cor-preto);
color: var(--cor-branco);
}
.btn-preto {
background-color: var(--cor-preto);
color: var(--cor-branco);
}
.btn-preto:hover {
background-color: var(--cor-branco);
color: var(--cor-preto);
}
.btn-preto::after,
.btn-verde:hover::after {
filter: invert(1);
}
.btn-preto:hover::after {
filter: invert(0);
} section.banner-principal {
position: relative;
z-index: 3;
padding-top: 320px;
background-image: url(https://kylzoaraujo.com.br/wp-content/uploads/2025/03/banner-principal.png);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
min-height: 1107px;
}
.banner-principal.novo {
padding-top: 290px;
background-image: url(https://kylzoaraujo.com.br/wp-content/uploads/2025/03/banner-principal-interna.png);
min-height: 500px;
}
.banner-principal.novo.white {
background-image: url(https://kylzoaraujo.com.br/wp-content/uploads/2025/03/banner-principal-interno-2-e1741972343130.png);
}
.banner-principal.novo h2 {
max-width: 100%;
}
.banner-principal h2,
.banner-principal p,
.banner-principal p>span, .banner-principal h1, .banner-principal.novo h1 {
color: var(--cor-branco);
}
.banner-principal h2,
.banner-principal h2>span {
font-size: 45px;
max-width: 450px;
line-height: 52px;
text-shadow: none;
}
.banner-principal p {
font-size: 26px;
font-style: italic;
line-height: 32px;
margin-bottom: 8px;
max-width: 420px;
}
.banner-principal .btn-verde:hover,
footer .btn-verde:hover,
.blog.home .btn-verde:hover,
.read-more .btn-verde:hover,
.anos-de-experiencia .btn-verde:hover,
.servicos .card .btn-verde:hover,
.consultoria .btn-verde:hover,
.depoimentos .btn-verde:hover,
.contato form .box-btn .btn-verde:hover {
background-color: var(--cor-branco);
color: var(--cor-preto);
}
.banner-principal .btn-verde:hover::after,
footer .btn-verde:hover::after,
.blog.home .btn-verde:hover::after,
.read-more .btn-verde:hover::after,
.anos-de-experiencia .btn-verde:hover::after,
.servicos .card .btn-verde:hover::after,
.consultoria .btn-verde:hover::after,
.depoimentos .btn-verde:hover::after,
.contato form .box-btn .btn-verde::after {
filter: invert(0) !important;
} section.sobre {
display: flex;
align-items: center;
position: relative;
margin-top: -100px;
padding-top: 80px;
z-index: 2;
background-image: url(https://kylzoaraujo.com.br/wp-content/uploads/2025/03/banner-sobre-home.png);
background-position: center;
background-size: cover;
background-repeat: no-repeat;
min-height: 900px;
margin-bottom: 210px;
}
.sobre .thumb {
width: 82%;
}
.sobre h2 {
max-width: 400px;
}
.sobre p,
.sobre p>span {
max-width: 550px;
color: var(--cor-preto);
}
.sobre .row.cards {
position: absolute;
width: 100%;
bottom: -200px;
}
.sobre .card {
display: flex;
flex-direction: row;
align-items: center;
gap: 6px;
background-color: var(--cor-branco);
box-shadow: 0px 27px 26.97px 2.03px rgba(13, 11, 13, 0.09);
padding: 25px 35px;
cursor: default;
border: 0;
border-radius: 0;
transition: all 0.3s ease-in-out;
}
.sobre .card:hover {
background-color: var(--cor-preto);
}
.sobre .card:hover img {
filter: invert(1);
}
.sobre .card:hover .content h3 {
color: var(--cor-verde);
}
.sobre .card:hover .content p {
color: var(--cor-branco) !important;
}
.sobre .card img {
width: 48px;
height: 48px;
object-fit: cover;
}
.sobre .card .content {
display: flex;
flex-direction: column;
}
.sobre .card .content h3 {
font-size: 43px;
font-weight: var(--font-bold);
margin-bottom: -4px;
}
.sobre .card .content p {
font-size: 29px;
color: var(--cor-cinza);
} section.estrategias {
margin-bottom: 40px;
}
.estrategias p {
max-width: 810px;
}
.estrategias .thumb {
cursor: pointer;
}
.estrategias iframe {
display: none;
width: 100%;
height: 662px;
} section.contato {
padding: 190px 0 150px;
background-color: var(--cor-preto);
margin-top: -100px;
}
.contato h2,
.contato form label,
.contato form .box-investimento p .investimento .wpcf7-list-item .wpcf7-list-item-label,
.contato form .box-servicos p .servicos .wpcf7-list-item .wpcf7-list-item-label {
color: var(--cor-branco);
}
.contato h2 {
max-width: 400px;
}
.contato form {
background-color: #282828;
padding: 20px;
position: relative;
}
.contato form label {
font-size: 14px;
margin-bottom: 5px;
}
.contato form input,
.contato form textarea,
.contato form select {
border-radius: 0;
background-color: #5e5e5e;
width: 100%;
height: 46px;
padding: 15px;
color: var(--cor-branco);
}
.contato form textarea {
height: 118px !important;
resize: none;
}
.contato form .box-btn {
width: 100%;
position: absolute;
bottom: -20px;
left: 0;
padding: 0;
}
.contato form .box-btn p {
display: flex;
flex-direction: column;
align-items: end;
position: relative;
}
.contato form .box-btn p::after {
top: 22%;
}
.contato form .box-btn .btn-verde {
width: 100%;
max-width: 100%;
background-color: var(--cor-verde);
display: flex;
align-items: center;
justify-content: center;
color: var(--cor-preto);
height: 53px;
}
.contato form .box-btn .btn-base.btn-verde::after {
display: none;
}
.contato form .box-investimento,
.contato form .box-investimento p,
.contato form .box-servico,
.contato form .box-servicos p {
width: 100%;
}
.contato form .box-investimento p .investimento,
.contato form .box-servicos p .servicos {
display: grid;
grid-template-columns: auto auto;
gap: 10px;
}
.contato form .box-investimento p .investimento .wpcf7-list-item,
.contato form .box-servicos p .servicos .wpcf7-list-item {
display: flex;
align-items: center;
gap: 5px;
}
.contato form .box-investimento p .investimento .wpcf7-list-item .wpcf7-list-item-label,
.contato form .box-servicos p .servicos .wpcf7-list-item .wpcf7-list-item-label,
.contato form .box-novidades p .optional .wpcf7-list-item .wpcf7-list-item-label {
font-weight: var(--font-light);
}
.contato form input[type=radio],
.contato form input[type=checkbox] {
max-width: 16px;
min-width: 16px;
height: 16px;
padding: 0;
appearance: none;
position: relative;
}
.contato form input[type=radio] {
border-radius: 50%;
}
.contato form input[type=radio]:checked::before,
.contato form input[type=checkbox]:checked::before {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.contato form input[type=radio]:checked::before {
content: '';
display: flex;
border-radius: 50%;
width: 7px;
height: 7px;
background-color: var(--cor-branco);
}
.contato form input[type=checkbox]:checked::before {
content: '✔';
}
.contato form .box-novidades {
margin-bottom: 70px;
}
.contato form .box-novidades p .optional .wpcf7-list-item label {
display: flex;
gap: 5px;
margin-bottom: 0;
align-items: anchor-center;
}
.contato form .box-novidades p .optional .wpcf7-list-item .wpcf7-list-item-label {
font-size: 11px !important;
}
.contato form a {
text-decoration: underline;
}
.wpcf7-not-valid-tip {
margin: 5px 0;
}
.wpcf7-form-control-wrap,
.wpcf7-list-item-label {
font-size: 14px !important;
line-height: normal !important;
}
.wpcf7-list-item-label {
font-size: 13px !important;
position: relative;
}
.wpcf7-list-item {
display: flex !important;
margin: 0 !important;
}
.wpcf7-list-item.first.last {
position: absolute;
}
.wpcf7-list-item.first.last input {
width: 18px;
height: 18px;
margin-right: 10px;
}
.wpcf7 form .wpcf7-response-output {
margin-bottom: 65px;
margin-top: -45px;
color: var(--cor-branco);
}
.rodape-form p {
display: flex;
margin: 0;
}
.rodape-form p label {
font-size: 13px;
text-align: justify;
margin-left: 15px;
margin-bottom: 0;
margin-top: 14px;
}
.rodape-form p label a {
text-decoration: none !important;
color: #0d6efd !important;
}
.rodape-form p label a:hover {
color: #0d6efd;
}
.contato .box-image {
display: flex;
position: relative;
max-width: fit-content;
}
.contato .box-image .thumb {
width: auto;
max-height: 517px;
}
.contato .box-image .card {
left: auto !important;
right: 15px;
max-width: fit-content;
bottom: -25px !important;
}
.contato .second-image {
width: auto;
max-height: 470px;
} section.blog.home {
display: flex;
align-items: center;
background-image: url(https://kylzoaraujo.com.br/wp-content/uploads/2025/03/banner-blog-home.png);
background-size: cover;
background-repeat: no-repeat;
min-height: 991px;
padding-top: 120px;
margin-bottom: -30px;
}
section.blog.index,
section.blog.interna {
background-color: var(--cor-preto);
min-height: 800px;
display: flex;
align-items: center;
padding: 200px 0 120px 0;
margin-top: -100px;
}
section.blog.interna {
padding-bottom: 20px;
}
.blog h2,
.blog h3,
.blog h1,
.blog p,
.read-more h3,
.read-more p,
.numeros h2,
.numeros p,
.numeros p>span,
.numeros .card .content,
.anos-de-experiencia h2,
.anos-de-experiencia p,
.anos-de-experiencia p>span,
.consultoria h2,
.consultoria p,
.consultoria p>span,
.consultoria .card .content h3 {
color: var(--cor-branco);
}
.blog a .bloco-blog {
display: flex;
flex-direction: column;
text-align: left;
transition: ease 0.5s all;
background-color: #282828;
box-shadow: 0px 0px 5px 0px rgba(13, 11, 13, 0.24);
padding-bottom: 20px;
position: relative;
height: 100%;
}
.blog a .bloco-blog .category,
.blog.interna .category {
display: flex;
align-items: center;
justify-content: center;
text-align: center;
background: var(--cor-branco);
max-width: fit-content;
height: 23px;
padding: 3px 20px;
position: absolute;
top: 20px;
left: 30px;
box-shadow: 0px 0px 5px 0px rgba(13, 11, 13, 0.24);
border-radius: 17px;
z-index: 9;
}
.blog a .bloco-blog .category p,
.blog.interna .category p {
font-size: 10px;
font-weight: var(--font-bold);
color: var(--cor-preto);
}
.blog.interna .category {
height: 50px;
border-radius: 25px;
}
.blog.interna .category p {
font-size: 17px;
}
.blog a .bloco-blog .itens {
position: relative;
padding: 0 25px;
margin-top: 28px;
height: 100%;
}
.blog a .bloco-blog .box-image,
.blog.interna .box-image {
position: relative;
}
.blog a .bloco-blog .box-image .asset-logo,
.blog.interna .box-image .asset-logo {
max-width: 110px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.blog a .bloco-blog img.thumb {
width: 100%;
min-height: 216px;
max-height: 216px;
height: 100%;
object-fit: cover;
transition: ease 0.5s all;
margin-bottom: 0;
display: flex !important;
}
.blog a .bloco-blog .itens {
font-size: 15px;
color: var(--cor-verde);
font-weight: var(--font-medium);
}
.blog a .bloco-blog .itens h3 {
font-size: 20px;
transition: ease 0.5s all;
font-weight: var(--font-bold);
margin: 0;
margin-top: 5px;
margin-bottom: -5px;
max-width: 300px;
}
.blog a .bloco-blog .itens p {
transition: ease 0.5s all;
margin: 12px 0;
font-size: 16px;
margin-bottom: 30px;
}
.blog a .bloco-blog .itens b {
display: flex;
align-items: center;
gap: 18px;
font-size: 18px;
color: var(--cor-verde);
font-weight: var(--font-medium);
position: absolute;
bottom: 0px;
}
.blog a .bloco-blog .itens b::after {
content: '';
display: flex;
width: 7px;
height: 10px;
background-image: url(https://kylzoaraujo.com.br/wp-content/uploads/2025/03/seta-bloco-blog.png);
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
.blog.interna h3,
.blog.interna h1,
.read-more h3 {
font-size: 35px;
line-height: 39px;
font-weight: var(--font-bold);
}
.blog.interna .thumb {
height: 100%;
max-height: 575px;
object-fit: cover;
margin-bottom: 20px;
display: flex !important;
}
.blog form, .blog form select {
width: 100%;
}
.blog form {
max-width: fit-content;
display: flex;
justify-content: end;
}
.blog form select {
max-width: 259px;
height: 52px;
border: 2px solid var(--cor-verde);
background-color: var(--cor-branco);
padding: 10px;
font-weight: var(--font-bold);
color: var(--cor-preto);
}
.wp-pagenavi {
margin-top: 40px;
}
.wp-pagenavi a {
border-radius: 100%;
width: 35px;
height: 35px;
display: inline-flex;
align-items: center;
justify-content: center;
background: #282828;
border: none;
color: var(--cor-branco);
}
.wp-pagenavi span.current {
background: var(--cor-verde);
border-radius: 100%;
width: 35px;
height: 35px;
display: inline-flex;
align-items: center;
justify-content: center;
border: none;
color: var(--cor-preto);
} section.parceiros {
padding: 50px 0 140px 0;
background-color: var(--cor-preto);
min-height: 220px;
}
.parceiros .item {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
}
.parceiros .item img {
max-width: 200px;
height: 80px;
object-fit: contain;
filter: grayscale(100%);
transition: all 0.3s ease-in-out;
}
.parceiros .item img:hover {
filter: grayscale(0%);
} section.politica {
padding: 80px 0;
} section.read-more {
background-color: var(--cor-preto);
padding-bottom: 80px;
}
.read-more h3 {
max-width: 615px;
}
.read-more img {
width: auto;
max-height: 470px;
} section.numeros {
display: flex;
align-items: center;
padding: 210px 0 50px 0;
margin-top: -100px;
background-color: var(--cor-preto);
min-height: 300px;
}
.numeros p {
max-width: 1100px;
}
.numeros .card,
.diferenciais .card,
.consultoria .card {
padding: 38px 22px;
background-color: #282828;
box-shadow: -8px 12px 15px 0px rgba(46, 255, 4, 0.22);
border-radius: 0;
height: 100%;
}
.numeros .card .circle,
.numeros .card .circle::after,
.diferenciais .card .circle,
.diferenciais .card .circle::after,
.consultoria .card .circle,
.consultoria .card .circle::after {
display: flex;
background-color: var(--cor-verde);
border-radius: 50%;
}
.numeros .card .circle,
.consultoria .card .circle {
align-items: center;
justify-content: center;
width: 70px;
height: 70px;
position: relative;
z-index: 1;
margin-bottom: 20px;
}
.numeros .card .circle img {
width: 40px;
height: 40px;
object-fit: contain;
}
.numeros .card .circle::after,
.consultoria .card .circle::after {
content: '';
animation: ring 1.5s infinite;
position: absolute;
z-index: -1;
width: 94px;
height: 94px;
}
@keyframes ring {
0% {
width: 70px;
height: 70px;
opacity: 1;
}
100% {
width: 94px;
height: 94px;
opacity: 0;
}
}
.numeros .card .content h3,
.numeros .card .content h3>span,
.consultoria .card .content h3 {
font-size: 28px;
line-height: 33px;
}
.numeros .card .content h3,
.diferenciais .card .content h3,
.consultoria .card .content h3 {
font-weight: var(--font-bold);
max-width: 225px;
margin-bottom: 8px;
}
.numeros .card .content h3>span {
color: var(--cor-verde);
}
.numeros .card .content .time {
font-size: 17px;
font-weight: var(--font-light);
color: var(--cor-verde);
}
.numeros .card .content hr,
.consultoria .card .content hr {
width: 100%;
max-width: 217px;
height: 1px;
background-image: linear-gradient(to right, rgba(255, 255, 255, 0.959), rgba(255, 255, 255, 0.349), rgba(255, 255, 255, 0.349), transparent);
border: 0;
margin: 15px 0;
}
.numeros .card .content p,
.diferenciais .card .content p,
.consultoria .card .content p,
.consultoria .card .content p>span {
font-size: 16px;
line-height: 20px;
max-width: 315px;
} section.anos-de-experiencia {
padding: 110px 0;
background-color: var(--cor-preto);
}
.anos-de-experiencia ul {
padding: 0;
margin: 15px 0;
list-style: none;
}
.anos-de-experiencia ul li,
.consultoria .card .content ul li,
.consultoria .card .content ul li>span,
.depoimentos ul li {
display: flex;
align-items: center;
font-size: 18px;
font-weight: var(--font-medium);
color: var(--cor-branco);
position: relative;
padding-left: 16px;
}
.anos-de-experiencia ul li::before,
.anos-de-experiencia ul li::after,
.tipo-negocio ul li::before,
.tipo-negocio ul li::after,
.consultoria .card .content ul li::before,
.consultoria .card .content ul li::after,
.depoimentos ul li::before,
.depoimentos ul li::after {
content: '';
display: flex;
border-radius: 50%;
background-color: var(--cor-verde);
position: absolute;
left: 0;
}
.anos-de-experiencia ul li::before,
.tipo-negocio ul li::before,
.consultoria .card .content ul li::before,
.depoimentos ul li::before {
width: 9px;
height: 9px;
}
.anos-de-experiencia ul li::after,
.tipo-negocio ul li::after,
.consultoria .card .content ul li::after,
.depoimentos ul li::after {
width: 14px;
height: 14px;
animation: pulse 1.5s infinite;
}
@keyframes pulse {
0% {
width: 9px;
height: 9px;
opacity: 1;
}
100% {
width: 15px;
height: 15px;
opacity: 0;
}
}
.anos-de-experiencia p {
max-width: 440px;
margin-bottom: 20px;
}
.anos-de-experiencia .box-image {
width: 100%;
position: relative;
display: flex;
justify-content: end;
}
.anos-de-experiencia .box-image .card,
.contato .box-image .card {
display: flex;
flex-direction: row;
align-items: center;
gap: 8px;
position: absolute;
left: 10px;
bottom: 50px;
padding: 15px;
border: 0;
border-radius: 0;
background-color: var(--cor-branco);
box-shadow: 0px 27px 26.97px 2.03px rgba(13, 11, 13, 0.09);
z-index: 2;
}
.anos-de-experiencia .box-image .card img,
.contato .box-image .card img {
width: 35px;
height: 35px;
object-fit: contain;
z-index: 1;
}
.anos-de-experiencia .box-image .card .content,
.contato .box-image .card .content {
display: flex;
flex-direction: column;
}
.anos-de-experiencia .box-image .card .content h3,
.contato .box-image .card .content h3 {
font-size: 30px;
font-weight: var(--font-bold);
margin-bottom: -5px;
color: var(--cor-preto);
}
.anos-de-experiencia .box-image .card .content p,
.contato .box-image .card .content p {
color: var(--cor-cinza);
margin-bottom: 0;
}
.anos-de-experiencia .box-image .thumb {
width: 75%;
height: auto;
} section.servicos {
padding: 200px 0 50px 0;
background-color: var(--cor-preto);
margin-top: -100px;
}
.servicos .card {
position: relative;
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
min-height: 80%;
border-radius: 8px;
background-color: #282828;
box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.09);
padding: 25px;
border: none;
margin-bottom: 50px;
}
.servicos .card h3 {
font-size: 25px;
line-height: 30px;
font-weight: var(--font-bold);
color: var(--cor-branco);
margin-bottom: 30px;
}
.servicos .card .btn-verde {
border-radius: 0px 0px 8px 8px;
font-size: 17px;
position: absolute;
width: 100%;
max-width: 100%;
bottom: -2px;
left: 0;
} section.solucoes {
display: flex;
align-items: center;
margin-top: -100px;
background-image: url(https://kylzoaraujo.com.br/wp-content/uploads/2025/03/banner-solucoes.png);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
min-height: 717px;
}
.solucoes h2 {
max-width: 972px;
}
.solucoes p,
.solucoes p>span {
color: var(--cor-preto);
}
.solucoes p {
max-width: 1088px;
} section.tipo-negocio {
padding: 120px 0 150px 0;
}
.tipo-negocio h2 {
max-width: 475px;
}
.tipo-negocio ul {
display: flex;
flex-direction: column;
gap: 6px;
list-style: none;
padding-left: 0;
margin: 20px 0;
}
.tipo-negocio ul li,
.tipo-negocio ul li>span {
font-size: 18px;
color: var(--cor-cinza);
}
.tipo-negocio ul li {
display: flex;
flex-direction: column;
position: relative;
padding-left: 18px;
text-align: left;
}
.tipo-negocio ul li::before,
.tipo-negocio ul li::after {
top: 10px;
}
.tipo-negocio ul li>span {
font-weight: var(--font-bold);
}
.tipo-negocio img {
width: 80%;
height: max-content;
} section.consultoria {
padding: 110px 0;
background-color: var(--cor-preto);
background-image: url(https://kylzoaraujo.com.br/wp-content/uploads/2025/03/banner-consultoria-marketing-digital-imobiliario.png);
background-position: center;
background-size: cover;
background-repeat: no-repeat;
min-height: 991px;
}
.consultoria .card .content h3 {
max-width: 100%;
}
.consultoria .card .circle span {
font-size: 40px;
font-weight: var(--font-bold);
color: var(--cor-preto);
}
.consultoria .card .content hr {
margin: 30px 0;
}
.consultoria .card .content ul,
.depoimentos ul {
display: flex;
flex-direction: column;
gap: 8px;
list-style: none;
padding-left: 0;
margin: 0;
}
.consultoria .card .content ul li,
.consultoria .card .content ul li>span,
.depoimentos ul li {
font-size: 16px;
}
.consultoria .card .content ul li,
.depoimentos ul li {
display: ruby;
font-weight: var(--font-light);
max-width: 340px;
}
.consultoria .card .content ul li>span {
font-weight: var(--font-bold);
padding-left: 0;
}
.consultoria .card .content ul li::before,
.consultoria .card .content ul li::after,
.depoimentos ul li::before,
.depoimentos ul li::after {
top: 6.5px;
} section.trajetoria {
display: flex;
align-items: center;
background-color: var(--cor-verde);
margin-top: -100px;
padding-top: 290px;
}
.trajetoria p,
.trajetoria p>span {
color: var(--cor-preto);
}
.trajetoria .thumb {
width: 60%;
max-height: 677px;
object-fit: cover;
box-shadow: 0px 27px 26.97px 2.03px rgba(13, 11, 13, 0.09);
} .diferenciais .card {
background-color: var(--cor-preto);
box-shadow: 0px 0px 6.51px 0.49px rgba(13, 11, 13, 0.13);
}
.diferenciais .card .circle img {
width: 32px;
height: 32px;
object-fit: contain;
}
.diferenciais .card .circle {
align-items: center;
justify-content: center;
width: 57px;
height: 57px;
position: relative;
z-index: 1;
margin-bottom: 20px;
}
.diferenciais .card .circle::after {
content: '';
animation: shadow 1.5s infinite;
position: absolute;
z-index: -1;
width: 76px;
height: 76px;
}
@keyframes shadow {
0% {
width: 57px;
height: 57px;
opacity: 1;
}
100% {
width: 76px;
height: 76px;
opacity: 0;
}
}
.diferenciais .card .content h3,
.diferenciais .card .content p {
color: var(--cor-branco);
}
.diferenciais .card .content h3 {
font-size: 19px;
line-height: 22px;
} section.depoimentos {
padding-top: 220px;
padding-bottom: 120px;
background-image: url(https://kylzoaraujo.com.br/wp-content/uploads/2025/03/banner-depoimentos.png);
background-size: cover;
background-repeat: no-repeat;
min-height: 1000px;
}
.depoimentos h2,
.depoimentos p,
.depoimentos p>span,
.depoimentos h3 {
color: var(--cor-branco);
}
.depoimentos p {
max-width: 810px;
}
.depoimentos .card {
background-color: #282828;
box-shadow: -5px 2px 11px 4px rgba(46, 255, 4, 0.42);
border: 0;
border-radius: 0;
padding: 25px 25px 40px 25px;
position: relative;
min-height: 240px;
margin-bottom: 42px;
height: 100%;
}
.depoimentos .card p {
font-size: 17px;
line-height: 20px;
margin-bottom: 75px;
font-style: italic;
}
.depoimentos .card .info,
.depoimentos .card img {
position: absolute;
}
.depoimentos .card .info {
bottom: 35px;
}
.depoimentos .card .info h3 {
font-size: 20px;
font-weight: var(--font-bold);
margin-bottom: 0;
}
.depoimentos .card .info span {
font-size: 15px;
font-weight: var(--font-semibold);
color: var(--cor-verde);
}
.depoimentos .card img {
max-width: 110px;
max-height: 110px;
border-radius: 50%;
object-fit: cover;
bottom: -40px;
right: 20px;
height: 100%;
}
.depoimentos ul {
margin: 20px 0;
}
.depoimentos ul li {
text-align: left;
max-width: 100%;
}
.depoimentos .thumb-setores {
max-width: fit-content;
max-height: 470px;
}
.depoimentos .owl-nav {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.depoimentos .owl-nav .owl-prev, .depoimentos .owl-nav .owl-next {
position: absolute;
top: 40%;
width: 30px;
height: 30px;
background-image: url(https://kylzoaraujo.com.br/wp-content/uploads/2025/03/seta.png);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
filter: invert(1);
color: transparent;
} 
.depoimentos .owl-nav .owl-prev {
left: -10px;
transform: rotate(90deg);
}
.depoimentos .owl-nav .owl-next {
right: -10px;
transform: rotate(-90deg);
} footer {
display: flex;
align-items: center;
padding: 170px 0 15px 0;
margin-top: -100px;
background-color: var(--cor-preto);
background-image: url(https://kylzoaraujo.com.br/wp-content/uploads/2025/03/banner-footer.png);
background-repeat: no-repeat;
background-size: cover;
min-height: 492px;
}
footer .social-media {
display: flex;
gap: 15px;
}
footer h4,
footer p {
color: var(--cor-branco);
margin-bottom: 12px;
}
footer h4 {
font-size: 24px;
font-weight: var(--font-bold);
}
footer p {
font-size: 16px;
max-width: 570px;
}
footer ul {
display: flex;
flex-direction: column;
list-style: none;
padding-left: 0;
gap: 12px;
color: var(--cor-branco);
font-weight: var(--font-extralight);
margin-top: 10px;
position: relative;
}
footer hr {
height: 3px;
background-color: var(--cor-branco);
opacity: 0.2;
} .mobile {
display: none;
}
@media (max-width: 1399px) {
section.trajetoria {
padding-top: 180px;
}
}
@media (min-width: 1199px) {
section.trajetoria {
height: 750px;
margin-bottom: 210px;
padding-bottom: 50px;
}
}
@media (max-width: 1199px) {
.banner-principal h2,
.banner-principal h2>span,.banner-principal h1,
.banner-principal h1>span {
font-size: 37px;
line-height: 41px;
}
.sobre .thumb {
width: 100%;
}
.sobre .card .content h3 {
font-size: 32px;
}
.sobre .card .content p {
font-size: 20px;
}
section.trajetoria {
height: 100%;
padding-bottom: 90px;
margin-bottom: 100px;
}
.trajetoria .thumb {
width: 80%;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.contato form label {
font-size: 13px;
}
.depoimentos .card {
min-height: 260px;
}
}
@media (max-width: 991px) {
.mobile {
display: block;
}
.desktop {
display: none !important;
}
header {
padding-top: 0;
}
header.drop {
padding: 0;
}
header .hamburguer-bt {
display: inline-block;
height: fit-content;
min-height: 32px;
margin: -20px 0px;
margin-bottom: -25px;
float: right;
}
header .hamburguer-bt .hamburguer_line {
background: var(--cor-branco);
width: 30px;
height: 4px;
margin: 5px 0;
}
header .hamburguer-bt.ativo .hamburguer-top {
transform: rotate(45deg);
margin-top: 11px;
}
header .hamburguer-bt.ativo .hamburguer-middle {
opacity: 0;
}
header .hamburguer-bt.ativo .hamburguer-bottom {
transform: rotate(-45deg);
margin-top: -18px;
}
header #opt_menu {
position: fixed;
height: calc(100% - 86px);
width: 320px;
background: var(--cor-preto);
opacity: 1;
z-index: 99;
right: -150%;
top: 135px;
padding: 10px;
display: block;
overflow: auto;
}
header #opt_menu.ativo {
right: 0;
}
header .fundo_menu {
background: #00000096;
width: 100%;
height: 100%;
top: 109px;
right: -100%;
position: fixed;
z-index: 89;
}
header .fundo_menu.ativo {
right: 0;
}
header #opt_menu .navbar-brand {
width: 100%;
margin: 0;
text-align: -webkit-center;
}
header #opt_menu .nav-item {
text-align: center;
text-transform: uppercase;
padding-bottom: 30px;
color: var(--cor-branco);
}
header #menu-segundo {
display: flex;
align-items: center;
justify-content: center;
background-color: var(--cor-preto);
position: inherit;
width: 100%;
height: 135px;
z-index: 99;
box-shadow: 0px -3px 11px 4px;
}
header #opt_menu ul {
padding-top: 30px;
align-items: center;
flex-direction: column;
gap: 0;
}
.responsivo {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
}
section.banner-principal {
padding-top: 220px;
background-image: url(https://kylzoaraujo.com.br/wp-content/uploads/2025/04/kylzo-araujo-marketing-digital-imobiliario.png);
min-height: 1300px;
}
.banner-principal h2,
.banner-principal p,
.blog h3,
.blog p,
.anos-de-experiencia p,
footer p, .blog form select {
max-width: 100%;
}
.banner-principal.novo {
padding-top: 280px;
}
section.sobre {
padding-top: 140px;
padding-bottom: 80px;
margin-bottom: 110px;
min-height: 991px;
}
.sobre .row.cards {
width: initial;
position: initial;
}
.anos-de-experiencia .box-image .card {
left: 8px;
bottom: 12px;
}
.anos-de-experiencia .box-image .thumb,
.tipo-negocio img {
width: 100%;
}
section.solucoes {
background-image: none;
min-height: auto;
background-color: var(--cor-verde);
padding: 140px 0 100px 0;
}
.estrategias iframe {
height: 350px;
}
}
@media (max-width: 767px) {
section.banner-principal {
min-height: 991px;
}
.banner-principal h2,
.banner-principal h2>span, .banner-principal h1,
.banner-principal h1>span {
font-size: 30px;
line-height: 34px;
}
.banner-principal.novo h2,
.banner-principal.novo h2>span, .banner-principal.novo h1,
.banner-principal.novo h1>span {
font-size: 38px;
line-height: 42px;
}
section.blog.home {
padding: 220px 0 80px 0;
}
.banner-principal p,
.banner-principal p>span {
font-size: 18px;
line-height: 22px;
}
.numeros .card .content h3,
.numeros .card .content p,
.diferenciais .card .content h3,
.diferenciais .card .content p,
.consultoria .card .content h3,
.consultoria .card .content p,
.consultoria .card .content ul li {
max-width: 100%;
}
section.depoimentos {
padding-top: 280px;
}
.blog.interna .category {
height: 23px;
border-radius: 17px;
}
.blog.interna .category p {
font-size: 10px
}
}
@media (max-width: 575px) {}
@media (max-width: 567px) {}
@media (max-width: 467px) {
.banner-principal p,
.banner-principal p>span {
font-size: 16px;
line-height: 20px;
}
.contato form .box-investimento p .investimento,
.contato form .box-servicos p .servicos {
grid-template-columns: auto;
}
}
@media (max-width: 400px) {
.banner-principal h2,
.banner-principal h2>span, .banner-principal h1,
.banner-principal h1>span {
font-size: 23px;
line-height: 26px;
}
.banner-principal.novo h2,
.banner-principal.novo h2>span, .banner-principal.novo h1,
.banner-principal.novo h1>span {
font-size: 30px;
line-height: 34px;
}
}
@media (max-width: 380px) {}
.whatsapp img {
position: fixed;
z-index: 8;
bottom: 86px;
right: 8px;
width: 50px;
height: 50px;
opacity: 0.7;
transition: ease .8s all;
}
.whatsapp a:hover img {
opacity: 1;
filter: drop-shadow(0px 0px 6px black);
}
.btn-topo {
position: fixed;
display: flex;
align-items: center;
justify-content: center;
bottom: 75px;
left: 12px;
background-color: var(--cor-verde);
border: none;
border-radius: 50%;
width: 50px;
height: 50px;
cursor: pointer;
box-shadow: 0px 2px 6px 2px rgba(135, 135, 135, 0.597);
z-index: 99;
opacity: 0;
transition: all 0.3s ease-in-out;
}
.btn-topo:hover {
background-color: var(--cor-preto);
}
#btnTopo.show {
opacity: 1;
}
.btn-topo.disabled {
cursor: default;
pointer-events: none;
opacity: 0;
}
.btn-topo img {
width: 17px;
height: 15px;
transform: rotate(-90deg);
}