@charset "utf-8";

/*
Theme Name:  Leonardo Vicente 2025
Theme URI:   https://uebb.digital
Author:      Uébb Digital
Author URI:  https://uebb.digital
Description: Website/One Page/Landing Page
Version:     10/2025
License:     Uébb Digital
License URI: https://uebb.digital
Text Domain: Uébb Digital
Tags:        desenvolvimento de sites goiania, otimizacao de sites goiania, seo goiania, redes sociais Goiania, criacao de sites goiania, redes sociais para empresas, social media, marketing digital goiania, mkt digital goiania, planejamento estrategico digital goiania, posicionamento de sites no google
*/



/* desktop (rem) base size */
@media (min-width: 1367px) { html { font-size: 16px !important; } }

/* laptop (rem) base size */
@media (max-width: 1366px) { html { font-size: 14px !important; } }

/* mobile (rem) base size */
@media (max-width: 991px) { html { font-size: 12px !important; } }



/* navbar */

/* sticky - OFF & ON */

/* padding link navbar */
nav.navbar.navbar-default ul.nav > li > a,
header.sticky nav.navbar.navbar-default.navbar-top ul.nav > li > a {
  padding: 10px 0px;
  background: transparent;
  display: block;
  border-bottom: 5px solid transparent;
}

nav.navbar.navbar-default ul.nav > li > a:hover,
header.sticky nav.navbar.navbar-default.navbar-top ul.nav > li > a:hover {
  padding: 10px 0px;
  background: transparent;
  display: block;
}



/* sticky - OFF */

/* background color navbar */
header nav.navbar.header-dark {
  background: transparent;
}

/* padding logo navbar */
header a.logo { padding: 20px 0; }

/* color link navbar */
nav.navbar.navbar-default ul.nav > li > a {
  color: var(--dark400) !important;
  opacity: 0.5 !important;
}

nav.navbar.navbar-default ul.nav > li > a:hover {
  color: var(--dark400) !important;
  opacity: 1.0 !important;
  border-bottom: 5px solid var(--primary500);
}

/* color toggle navbar */
.mobile-toggle span { background: var(--primary500) !important; }
.mobile-toggle:hover span { background: var(--primary400) !important; }



/* sticky - ON */

/* background color navbar */
header.header-appear nav.header-dark {
  background: linear-gradient(270deg, var(--primary500) 0%, var(--primary500) 100%);
  box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.10);
}

/* padding logo navbar */
header.sticky a.logo { padding: 10px 0; }

/* color link navbar */
header.sticky nav.navbar.navbar-default.navbar-top ul.nav > li > a {
  color: var(--dark850) !important;
  opacity: 0.5 !important;
}

header.sticky nav.navbar.navbar-default.navbar-top ul.nav > li > a:hover {
  color: var(--dark850) !important;
  opacity: 1.0 !important;
  border-bottom: 5px solid var(--dark100);
}

/* color cta navbar */
header.sticky nav.navbar.navbar-default.navbar-top a.button.btn-primary500-outline {
  background: transparent !important;
  border-color: var(--dark850) !important;
  color: var(--dark850) !important;
  opacity: 1.00 !important;
}

header.sticky nav.navbar.navbar-default.navbar-top a:hover.button.btn-primary500-outline {
  background: var(--dark850) !important;
  border-color: var(--dark850) !important;
  color: var(--primary500) !important;
  opacity: 1.00 !important;
}

/* color toggle navbar */
header.sticky nav.navbar.navbar-default.navbar-top button.mobile-toggle span { background: var(--dark850) !important; }
header.sticky nav.navbar.navbar-default.navbar-top button.mobile-toggle:hover span { background: var(--dark100) !important; }


/* spacing navbar */
ul.nav.navbar-nav.justify-content-evenly { justify-content:space-evenly; }
header nav .navbar-nav > li > a { margin:0!important; }

/* hamburger menu navbar */
ul.list-style-none li a.hamburger-menu p.body1 { color:var(--dark700); margin: 30px 0; }
ul.list-style-none li a:hover.hamburger-menu p.body1 { color:var(--primary500); font-weight: 600; }



/* nav-hidden */
@media (max-width:  1699px) { .nav-hidden-1700  { display: none; } }
@media (max-width:  1199px) { .nav-hidden-1200  { display: none; } }
@media (max-width:   767px) { .nav-hidden-768   { display: none; } }
@media (max-width:   575px) { .nav-hidden-576   { display: none; } }



/* nav-view */
@media (min-width: 1200px) { .nav-view-1199 { display: none !important; } }
@media (min-width:  768px) { .nav-view-767  { display: none !important; } }



/* col-hidden */
@media (max-width:  1499px) { .col-hidden-1500  { display: none; } }

/* col-padding */
@media (min-width:  1500px) { .col-padding-8-33-lr  { padding: 0 8.33%; } }
@media (max-width:  1499px) { .col-padding-8-33-lr  { padding: 0 0; } }



/* container */
div.container-fluid { padding-right: 30px; padding-left:30px; }

@media (min-width:  1500px) { div.container-fluid.padding-15px-lr { padding-right: 15px; padding-left:15px; } }



/* float buttons */
.float-phone           { right: 0.625rem; bottom: 6.250rem; opacity: 1.00; z-index: 99; position: fixed; border-radius: 100%; width: 6.250rem; }
.float-phone:hover     { right: 0.625rem; bottom: 6.250rem; opacity: 0.85; z-index: 99; position: fixed; border-radius: 100%; width: 6.250rem; }

.float-wpp             { right: 0.625rem; bottom: 0.625rem; opacity: 1.00; z-index: 99; position: fixed; border-radius: 100%; width: 6.250rem; }
.float-wpp:hover       { right: 0.625rem; bottom: 0.625rem; opacity: 0.85; z-index: 99; position: fixed; border-radius: 100%; width: 6.250rem; }

@media (max-width: 991px) {

  .float-phone         { right: 0.625rem; bottom: 7.250rem; width: 7.450rem; }
  .float-phone:hover   { right: 0.625rem; bottom: 7.250rem; width: 7.450rem; }

  .float-wpp           { right: 0.625rem; bottom: 0.625rem; width: 7.450rem; }  
  .float-wpp:hover     { right: 0.625rem; bottom: 0.625rem; width: 7.450rem; }

}

@media (min-width: 992px) { .btn-float-phone-hidden { display: none; } }



/* link <a> colors default */
a { color: var(--dark600); }
a:active, a:focus { color: var(--primary500); }
a:hover, a:active { color: var(--primary500); }



/* slideshow */
.slideshow-img-banner {
  position: relative;
  background-size: cover;
  overflow: hidden;
  background-position: center;
  background-repeat: no-repeat;
}

.slideshow-lens-overlay {
  background: linear-gradient(180deg, rgba(33, 38, 43, 0.95) 0%, rgba(33, 38, 43, 0.80) 10%, rgba(33, 38, 43, 0.50) 40%, rgba(33, 38, 43, 0.50) 60%, rgba(33, 38, 43, 0.70) 100%);
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}

.slideshow-size-screen { height: 800px; }

@media (max-width: 1366px) { .slideshow-size-screen { height: 750px; } }
@media (max-width:  991px) { .slideshow-size-screen { height: 700px; } }
@media (max-width:  767px) { .slideshow-size-screen { height: 700px; } }
@media (max-width:  575px) { .slideshow-size-screen { height: 750px; } }

@media (max-width:  991px) { section#inicio p.hero1 { font-size: 5.375rem!important; } }
@media (max-width:  575px) { section#inicio p.hero1 { font-size: 4.875rem!important; } }



/* features card */
.features-section {
  margin-top: -120px;
  padding: 0;
  z-index: 9;
  width: 100%;
  position: absolute;
}

@media ( max-width: 1199px ) { .features-section { margin-top: -80px; } }
@media ( max-width:  991px ) { .features-section { margin-top: -70px; } }
@media ( max-width:  767px ) { .features-section { margin-top: -60px; } }
@media ( max-width:  399px ) { .features-section { margin-top: -40px; } }

.features-section-spacing {
  background: linear-gradient(0deg, #21262B 0%, #42464B 100%);
  padding: 300px 0 0 0;
}

@media ( max-width: 1699px ) { .features-section-spacing { padding:  300px 0 0 0; } }
@media ( max-width: 1366px ) { .features-section-spacing { padding:  280px 0 0 0; } }
@media ( max-width: 1199px ) { .features-section-spacing { padding:  350px 0 0 0; } }
@media ( max-width:  991px ) { .features-section-spacing { padding:  485px 0 0 0; } }
@media ( max-width:  799px ) { .features-section-spacing { padding:  585px 0 0 0; } }
@media ( max-width:  767px ) { .features-section-spacing { padding:  585px 0 0 0; } }
@media ( max-width:  609px ) { .features-section-spacing { padding:  685px 0 0 0; } }
@media ( max-width:  575px ) { .features-section-spacing { padding:  495px 0 0 0; } }
@media ( max-width:  559px ) { .features-section-spacing { padding:  595px 0 0 0; } }
@media ( max-width:  444px ) { .features-section-spacing { padding:  675px 0 0 0; } }
@media ( max-width:  399px ) { .features-section-spacing { padding:  705px 0 0 0; } }
@media ( max-width:  359px ) { .features-section-spacing { padding:  785px 0 0 0; } }

.features-card {
  background: linear-gradient(55deg, #21262B 39.42%, #42464B 166.68%);
  box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.10);
  padding: 40px 80px 80px 80px;
  margin: 0;
}

.features-txt-width { width:75% }

@media ( max-width: 1366px ) {

  .features-card { padding: 30px 70px 70px 70px; }
  .features-txt-width { width:80% }

}

@media ( max-width: 1199px ) {

  .features-card { padding: 30px 60px 60px 60px; }
  .features-txt-width { width:90% }

}

@media ( max-width:  991px ) {

  .features-card { padding: 30px 50px 60px 50px;}
  .features-txt-width { width:100% }

}

@media ( max-width:  575px ) {

  .features-card { padding: 40px 40px 60px 40px; }

}



/* trajectory */
.trajectory-lens-overlay {
    background: linear-gradient(180deg, rgba(40, 45, 50, 0.15) 15%, rgba(40, 45, 50, 0.70) 70%, rgba(40, 45, 50, 0.90) 100%);
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 9;
}

.trajectory-lens-overlay-small {
    background: linear-gradient(180deg, rgba(40, 45, 50, 0.15) 15%, rgba(40, 45, 50, 0.70) 70%, rgba(40, 45, 50, 1.00) 98%);
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 9;
}

.trajectory-lens-overlay-dark {
    background: linear-gradient(180deg, rgba(33, 38, 43, 0.15) 15%, rgba(33, 38, 43, 0.70) 70%, rgba(33, 38, 43, 0.90) 100%);
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 9;
}

.trajectory-lens-overlay-dark-small {
    background: linear-gradient(180deg, rgba(33, 38, 43, 0.15) 15%, rgba(33, 38, 43, 0.70) 70%, rgba(33, 38, 43, 1.00) 98%);
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 9;
}

.trajectory-aspect-ratio {
  aspect-ratio: 3 / 4;
  max-width: 400px;
  margin: 0 auto;
}

.cover-background-top {
  position: relative !important;
  background-size: cover !important;
  overflow: hidden !important;
  background-position: top center !important;
  background-repeat: no-repeat !important;
}


/* footer */
a.partners-footer img { opacity: 1.0; }
a:hover.partners-footer img { opacity: 0.7; }

a.blog-footer h3 { color: var(--dark700); }
a:hover.blog-footer h3 { color: var(--primary500); }



/* modal */
.mfp-fade.mfp-bg.mfp-ready,
.mfp-bg, .my-mfp-zoom-in.mfp-ready.mfp-bg, .my-mfp-slide-bottom.mfp-ready.mfp-bg {
  background: var(--dark850);
  opacity: 0.85;
}



/* typebot */
.modal-typebot {
  height: 720px;
  min-height: 580px;
}

@media (max-width: 767px) {

  .modal-typebot {
    height: 580px;
    min-height: 380px;
  }

}



/* google recaptcha */
.grecaptcha-badge { display:none !important; }



/* pagetitle */
.pagetitle-lens-overlay {
  background: linear-gradient(180deg, rgba(33, 38, 43, 0.40) 0%, rgba(33, 38, 43, 0.70) 60%, rgba(33, 38, 43, 1.00) 100%);
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}



/* midia e conteudo */
.aside-title:after {
  background: var(--primary500);
  height: 1px;
}

.list-style-6 li {
    border-bottom: 1px solid var(--dark800);
}

.aside-title span {
    height: 22px;
}

.tag-cloud span,
.tag-cloud a {
  padding: 0px 4px;
  border: 1px solid var(--dark700);
  margin: 0px 6px 8px 0;
  display: inline-block;
  color: var(--dark700);
  background-color: transparent;
  border-radius: 4px;
}

.tag-cloud span:hover,
.tag-cloud a:hover {
  border: 1px solid var(--dark600);
  color: var(--dark900);
  background-color: var(--dark600);
}

.pagination a {
  float: left;
  padding: 0 18px;
  line-height: 40px;
  text-decoration: none;
  border: 1.5px solid var(--dark800);
  border-left-width: 0;
  background-color: transparent;
}

.pagination a:hover {
  background-color: transparent;
  color: var(--primary500);
}

.pagination .active a {
  background-color: var(--dark800);
  color: var(--dark500);
  cursor: default;
}

.pagination .disabled span,
.pagination .disabled a,
.pagination .disabled a:hover {
  color: var(--dark800);
  background-color: transparent;
  cursor: default;
}

.blog-text .content a:hover h2.header5 { color:var(--primary500); }

.blog-text .content p.body2 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}

.blog-image a div.post-cover {
  position: relative;
  background-color: var(--dark700);
  overflow: hidden;
  border-radius: 22px;
  aspect-ratio: 16 / 9;
}

.blog-image a div.post-cover img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

@media (max-width: 1199px) { .blog-image a div.post-cover { aspect-ratio: 4 / 3; } }
@media (max-width:  991px) { .blog-image a div.post-cover { aspect-ratio: 21 / 9; border-radius: 18px; } }
@media (max-width:  767px) { .blog-image a div.post-cover { aspect-ratio: 16 / 9; border-radius: 14px; } }

.blog-image a div.lens-overlay {
  background: linear-gradient(188deg, rgba(57, 55, 68, 0.15) 23.67%, rgba(57, 55, 68, 0.50) 67.35%, rgba(57, 55, 68, 0.70) 93.55%);
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
  z-index: 1;
}

#blog-post.post-cover.aspect-ratio {
  position: relative;
  background-color: var(--dark700);
  overflow: hidden;
  border-radius:22px;
}

#blog-post.post-cover.aspect-ratio img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

@media (min-width:  768px) { #blog-post.post-cover.aspect-ratio { aspect-ratio: 21 / 9; } }
@media (max-width:  991px) { #blog-post.post-cover.aspect-ratio { border-radius: 18px; } }
@media (max-width:  767px) { #blog-post.post-cover.aspect-ratio { aspect-ratio: 16 / 9; border-radius: 14px; } }

#blog-post.post-cover div.lens-overlay {
  background: linear-gradient(188deg, rgba(57, 55, 68, 0.15) 23.67%, rgba(57, 55, 68, 0.50) 67.35%, rgba(57, 55, 68, 0.70) 93.55%);
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
  z-index: 1;
}

h3.wp-block-heading {
  margin-top: 2.5rem;
  margin-bottom: 1.5rem;
}

h3.wp-block-heading strong {
  font-weight: 600 !important;
  color: var(--dark400) !important;
}

p strong {
  font-weight: 600 !important;
}

ul.wp-block-list li {
  margin-bottom: 0.75rem;
}


/* blog page */
a.blog-page h3 { color: var(--dark400); }
a:hover.blog-page h3 { color: var(--primary500); }