@charset "utf-8";

/*
Theme Name:  EcoParque 2025
Theme URI:   https://uebb.digital
Author:      Uébb Digital
Author URI:  https://uebb.digital
Description: Landing Page
Version:     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; } }



/* nav header */
header nav.navbar.header-dark {
  background: var(--dark100);
  box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.40);
}

header.header-appear nav.header-dark {
  background: var(--dark100);
  box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.40);
}

@media (min-width: 576px) { header nav h1 span br.nav-title { display:none; } }

header nav h1.body2 { line-height: 1.450rem; }

@media (max-width: 575px) {

  header nav h1 span.header5 { font-size: 1.950rem !important; line-height: 1.950rem !important; }
  header nav h1.body2 { font-size: 0.950rem !important; line-height: 1.150rem !important; }

}



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

header a.logo img { height: 66px; }

@media (max-width: 1366px) { header a.logo img { height: 64px; } }
@media (max-width: 1199px) { header a.logo img { height: 62px; } }
@media (max-width: 575px) { header a.logo img { height: 60px; } }



/* navmenu */
a.nav-menu-item img         { opacity: 1.0 }
a:hover.nav-menu-item img   { opacity: 0.8 }

a.nav-menu-item div.caption-text        { opacity: 1.0; color: var(--dark600); }
a:hover.nav-menu-item div.caption-text  { opacity: 0.8; color: var(--dark600); }

a.nav-menu-item div.button-text-regular        { opacity: 1.0; color: var(--dark800); }
a:hover.nav-menu-item div.button-text-regular  { opacity: 0.6; color: var(--dark800); }



a.nav-cta { opacity:1.0; }
a:hover.nav-cta { opacity:0.8; }



/* nav-hidden */
@media (max-width:  1499px) { .nav-hidden-1500  { display: none; } }
@media (max-width:  1419px) { .nav-hidden-1420  { display: none; } }
@media (max-width:  1399px) { .nav-hidden-1400  { display: none; } }
@media (max-width:  1279px) { .nav-hidden-1280  { display: none; } }
@media (max-width:  1199px) { .nav-hidden-1200  { display: none; } }
@media (max-width:   859px) { .nav-hidden-860   { display: none; } }
@media (max-width:   767px) { .nav-hidden-768   { display: none; } }
@media (max-width:   575px) { .nav-hidden-576   { display: none; } }
@media (max-width:   499px) { .nav-hidden-500   { display: none; } }
@media (max-width:   479px) { .nav-hidden-480   { display: none; } }
@media (max-width:   364px) { .nav-hidden-365   { display: none; } }



/* 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:active, a:focus { color: var(--primary500); }
a:hover, a:active { color: var(--primary500); }



/* slideshow */
.slideshow-lens-overlay {
  background: linear-gradient(180deg, rgba(51, 45, 48, 0.85) 0%, rgba(51, 45, 48, 0.60) 70%, rgba(51, 45, 48, 0.60) 100%);
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}

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

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

@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; } }



/* services & products */
.services-products-card {
  text-align: center;
  padding: 70px 0px;
  margin: 0;
  height: 100%;
}

@media ( max-width: 1366px ) { .services-products-card { padding: 60px 0px; } }
@media ( max-width: 1199px ) { .services-products-card { padding: 50px 0px; } }
@media ( max-width:  575px ) { .services-products-card { padding: 40px 0px; } }

.services-products-card img { height: 100px; }
@media ( max-width: 1366px ) { .services-products-card img { height: 90px; } }
@media ( max-width:  991px ) { .services-products-card img { height: 85px; } }
@media ( max-width:  575px ) { .services-products-card img { height: 80px; } }



/* factory */
.factory-lens-overlay {
  background: linear-gradient(90deg, rgba(51, 45, 48, 0.95) 0%, rgba(51, 45, 48, 0.75) 50%, rgba(51, 45, 48, 0.50) 100%);
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}

@media ( max-width:  767px )  {
  
  .factory-lens-overlay {
    background: linear-gradient(180deg, rgba(51, 45, 48, 0.85) 0%, rgba(51, 45, 48, 0.60) 100%);
  }

}



/* sector & segments */
.sector-segments-lens-overlay {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.50) 0%, rgba(255, 255, 255, 1.00) 100%);
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0; 
}

.sector-segments-card {
  margin-top: 40px;
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.10);
  background-color: var(--dark100);
  border-radius: 22px;
  aspect-ratio: 1 / 1;
  text-align: center;  
}

.sector-segments-card:hover {
  margin-top: 0px;
  box-shadow: 0 30px 30px 0 rgba(0, 0, 0, 0.10);
}

@media ( min-width:  1367px )  { .sector-segments-card img { height: 100px; } }
@media ( max-width:  1366px )  { .sector-segments-card img { height: 80px; } }



/* contact form */
a.cta-contact-form { opacity: 1.0; }
a:hover.cta-contact-form { opacity: 0.8; }

.contact-form-box {
  background: var(--dark100);
  border-radius: 22px;
  padding: 50px 50px 40px 50px;
  box-shadow: 0px 30px 50px 0px rgba(0, 0, 0, 0.30);
}

@media ( max-width:  1199px ) { .contact-form-box { padding: 50px 40px 40px 40px; } }
@media ( max-width:   991px ) { .contact-form-box { padding: 45px 40px 30px 40px; } }
@media ( max-width:   575px ) { .contact-form-box { padding: 40px 35px 30px 35px; } }



/* about */
a.social-button { opacity: 1.0; }
a:hover.social-button { opacity: 0.8; }

a.social-button img { height: 65px; }



/* footer */
.logo-uebb-footer {
  
}



/* modal */
.mfp-fade.mfp-bg.mfp-ready { opacity: 0.7;}



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




























/* separator *
.separator-center {
  width: 120px;
  height: 5px;
  margin: 30px auto;
}


/* product details *
.prod-details-tag-col-padding {
  padding: 0;
  margin: 0 5px 5px 0;
}

.prod-details-tag-size {
  border: 2px solid var(--dark800);
  border-radius: 12px;
  padding: 0.913rem 1.438rem 0.413rem;
}

.prod-details-tag-size:hover {
  background-color: var(--dark300);
}

.prod-details-tag-color {
  padding: 1.838rem;
  border-radius: 100%;
}



/* product slider */

/*
.carousel-box-item { padding: 0px 10px; }

@media ( max-width: 767px ) { .carousel-box-item { padding: 0; } }

.carousel-cover-img {
  position: relative;
  background-size: cover;
  overflow: hidden;
  background-position: center;
  background-repeat: no-repeat;
  aspect-ratio: 1 / 1;
  border-radius: 22px;
}

.swiper-pagination-bullet { 
  background-color: var(--dark900) !important;
}

.product-slider-lens-overlay {
  background: linear-gradient(180deg, rgba(56, 56, 56, 0.00) 0%, rgba(56, 56, 56, 0.05) 40%, rgba(56, 56, 56, 0.25) 65%, rgba(56, 56, 56, 0.85) 100%);
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}



/* product grid box *
.product-grid-box {
  position: relative;
  background-size: cover;
  overflow: hidden;
  background-position: center;
  background-repeat: no-repeat;
  aspect-ratio: 1.15 / 1;
}

.product-grid-lens-overlay {
  background: linear-gradient(180deg, rgba(56, 56, 56, 0.20) 70%, rgba(56, 56, 56, 0.85) 100%);
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}


@media ( min-width: 768px ) and ( max-width: 1199px ) {
  #product-grid-box h3.header5 { font-size: 2.625rem; line-height: 2.625rem; }
}

@media ( max-width:  767px ) {
  #product-grid-box h3.header5 { font-size: 3.000rem; line-height: 3.000rem; }
}






/* testimonials *
.testimonials-box-item {
  padding: 40px;
  border-radius: 16px;
  background-color: var(--dark100);
  box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.03);
}

.testimonials-box-item div.cli-name {
  border-left:5px solid var(--primary500);
  padding-left: 15px;
}

.testmonials-lens-overlay {
  background: linear-gradient(205deg, rgba(255, 219, 39, 0.20) 10%, rgba(255, 219, 39, 0.50) 90%);
  mix-blend-mode: plus-darker;
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}



/* clients *
.clients-box {
  background-color: var(--dark100);
  box-shadow: 0px 15px 35px 0px rgba(45, 50, 47, 0.05);
  border: 2px solid var(--dark100);
  border-radius: 16px;
  padding: 15px 0;
  text-align: center;
}

.clients-box:hover {
  background-color: var(--dark200);
  box-shadow: 0px 0px 0px 0px rgba(45, 50, 47, 0.00);
  border: 2px solid var(--dark100);
}

.clients-box img        { filter: grayscale(0.0); opacity: 1.0; mix-blend-mode:multiply; }
.clients-box:hover img  { filter: grayscale(0.0); opacity: 1.0; mix-blend-mode:multiply; }



/* about *
.about-form-lens-overlay-up {
  background: linear-gradient(195deg, rgba(255, 255, 255, 0.15) 10%, rgba(255, 255, 255, 0.65) 90%);
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}

.about-form-lens-overlay-down {
  opacity: 0.4;
  background: var(--dark100);
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}



/* product *
#left.product-section     { background: linear-gradient(270deg, rgba(12, 76, 135, 0.00) 50%, rgba(12, 76, 135, 0.03) 75%, rgba(12, 76, 135, 0.05) 90%, rgba(12, 76, 135, 0.10) 100%); }

#right.product-section    { background: linear-gradient(90deg, rgba(12, 76, 135, 0.00) 50%, rgba(12, 76, 135, 0.03) 75%, rgba(12, 76, 135, 0.05) 90%, rgba(12, 76, 135, 0.10) 100%); }

@media ( max-width: 1199px ) {

  #left.product-section,
  #right.product-section    { background: linear-gradient(0deg, rgba(12, 76, 135, 0) 0%, rgba(12, 76, 135, 0.00) 60%, rgba(12, 76, 135, 0.05) 80%, rgba(12, 76, 135, 0.10) 100%); }

}

.product-title { border-left: solid 10px var(--secundary500); padding: 0 0 0 30px; }

@media ( max-width: 767px ) { .product-title { border-left: none; padding: 0 15px; } }

.product-img-slider {
  position: relative;
  background-size: cover;
  overflow: hidden;
  background-position: center;
  background-repeat: no-repeat;
  aspect-ratio: 1.34 / 1;
}

.carousel-control-next,
.carousel-control-prev {
    width: 20px;
    opacity: .5;
    transition: opacity .15s ease;
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23FFD405' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e");
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23FFD405' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e");
}



/* service infobanner *
.service-infobanner {
  position: relative;
  background-size: 360px;
  overflow: hidden;
  background-position: bottom right;
  background-repeat: no-repeat;
  padding: 100px 80px;
}

#blue div.service-infobanner { background-color: var(--primary500); }

#yellow div.service-infobanner { background-color: var(--secundary500); }

@media ( max-width: 575px ) { .service-infobanner { padding: 160px 50px 60px 50px; } }



/* cta section *
a.cta-item img         { opacity: 1.0 }
a:hover.cta-item img   { opacity: 0.8 }

a.cta-item div.body2        { opacity: 0.6; color: var(--primary500); }
a:hover.cta-item div.body2  { opacity: 0.4; color: var(--primary500); }

a.cta-item div.header5        { opacity: 1.0; color: var(--primary500); }
a:hover.cta-item div.header5  { opacity: 0.6; color: var(--primary500); }



/* footer */







/* ##########################
   CSS CUSTOM TENDAS AMAZONIA
   ######################### */

/* whatsapp modal *
.whatsapp-modal-cta {
  width: 90%;
  max-width: 420px;
  min-width: 320px;
  padding: 0;
  border-radius: 16px;
  overflow: hidden;
  border-radius: 16px;
  background: linear-gradient(180deg, #FFF9E9 0%, #F1ECDF 100%);
  box-shadow: 0px 15px 30px 0px rgba(31, 32, 34, 0.10);
}