@media (min-width:992px){
	#banner{        background: url(https://grafico.wsilab.com.br/wp-content/uploads/2025/12/bg.webp);
        background-position: center;
        padding: 5rem 0px 5rem;
        background-size: cover;}
	#mais-conforto{background: url(https://grafico.wsilab.com.br/wp-content/uploads/2025/12/bg-mais-conforto.webp);background-position:center;background-size:cover}
    #por-que .col{align-items:flex-start;display:flex;flex-wrap:wrap}
    #por-que hr{width:80%}
    #cta {background:url('https://grafico.wsilab.com.br/wp-content/uploads/2025/12/cta-grafico.webp');background-position:center;background-size:cover}
    #cta a{font-size:1rem;font-weight:400}
    .btn_custom{margin-bottom:0;margin-top:30px}
    #cta h2{font-size:1.7rem}
    #plantas .nav{display:block;border:none}
.border-right{border-right:1px solid #cfcfcf70}
}

@media (max-width:991px){
	#banner{background:url(https://grafico.wsilab.com.br/wp-content/uploads/2025/12/bg-mobile-grafico.webp);background-position:center;padding:7rem 0px 32rem;background-size:cover}
    .stick .mean-container .mean-bar{position:relative;width:100%;min-height:auto;z-index:9;transition:all var(--transition-efects) ease-out 0s;display:flex;align-items:center;background:var(--color-primary);padding:10px}
    .non-stick .fale-conosco-menu{margin-top:10px}
    .fale-conosco-menu{height:35px;margin-left:20px;font-size:15px}
    .mean-container a.meanmenu-reveal{font-size:40px!important;color:#fff!important;margin:0}
    #banner img{margin:0 auto;display:block}
    #banner h1{text-align:center;font-size:2rem!important}
    #banner h2{text-align:center;font-size:1.5rem}
	#banner br{display:none}
    #cta {background:url('https://grafico.wsilab.com.br/wp-content/uploads/2025/12/cta-mobile-grafico.webp');background-position:center;background-size:cover}
    #por-que hr {width:100%;margin-bottom:25px;margin-top:0}
    #por-que p{text-align:left!important}
    #e-book .col-md-7{margin:0}
    #cta .row {}
    #cta h2 {font-size:1.5rem;margin-bottom:10px}
    #plantas .nav{display:flex;border:none;justify-content:center}
    #e-book p{text-align:center}
    #entre-em-contato .box-1{width:100%!important}
    #entre-em-contato .box-2{width:100%!important;margin-top:10px!important}
    #sobre-grafico .box img,.footer-area img{margin:0 auto 20px!important;display:block!important}
    #entre-em-contato h2{font-size:2rem}
.border-right{border-bottom:1px solid #cfcfcf70}
	.border-right img{padding-bottom:20px}
}
#areas-de-lazer .box{
    border-radius: 0 25px 25px 0;
}
#mais-conforto .bg{
    background: var(--color-primary);
    border-radius: 25px;
}
#sobre p img,#areas-de-lazer p img,#mais-conforto p img{margin-right:15px}

.bg-box{width:100%;height:75px;object-fit:cover}

.fale-conosco-menu-grafico{background: var(--color-secondary);
    text-decoration: none;
    text-transform: uppercase;
    padding: 5px 15px;
    font-size: 13px;
    border-radius: 5px;
    font-weight: 600;
    color: var(--color-primary);}

#bg-linear{background:linear-gradient(181deg, #CDF0F5, #F9FCFC);padding:10px}
.fale-conosco-menu{background:#fff;display:inline-table;text-decoration:none;text-transform:uppercase;color:#333;font-size:12px;border-radius:50px;padding-left:10px}
.fale-conosco-menu img{margin:0px 0 0px 10px}
#banner h1{font-size:3rem;line-height:1}
#banner h2{font-size:1.7rem}
#banner .text{
    font-size: 1.4rem;
}
#banner form label,#banner form a{color:#fff}
#banner img,#sobre .box img {
    border-radius: 25px;
    margin-left: auto;
    display: block;
}
#banner .box{
    background: var(--color-primary);
    border: 1px solid var(--color-third);
    padding: 1rem;
    border-radius: 15px;
}
#areas-de-lazer .text-box{position:absolute;bottom:2rem;right:1rem;background:var(--color-secondary);color:#fff;padding:.3rem .5rem;font-size:12px;border-radius:6px}
#areas-de-lazer .custom-slider-item img{width:100%;height:100%;object-fit:cover;border-radius:25px}
#areas-de-lazer .box{position:relative}
#areas-de-lazer .box .box-botao {position:absolute;top:30px;z-index:99;left:30px}
#por-que hr{margin:.5rem 0}

#areas-de-lazer .p{font-size:15px}
#tour-virtual  h2{font-size:2.2rem}

#plantas .box{background:var(--color-primary)}
#plantas .box-2 {background-image:url(https://grafico.wsilab.com.br/wp-content/uploads/2025/12/bg-plantas-grafico.webp);background-size:cover;background-position:center;position:relative;background-color:var(--color-secondary);display:flex;justify-content:center;align-items:center}
#plantas .nav{background:var(--color-primary);padding:1rem 0;width:100%}
#plantas .nav .nav-tabs{}
#plantas .nav .nav-link.active{background:#ffff;color:var(--color-primary);text-align:center;text-transform:uppercase;font-size:.8rem;line-height:1;margin:15px 10px;cursor:pointer}
#plantas .nav .nav-link{border:1px solid #fff;margin:15px 10px;text-align:center;text-transform:uppercase;font-size:.8rem;line-height:1;color:#fff;cursor:pointer;border-radius:0}
#plantas .tab-content{background:#fff;border-radius:15px;margin-right:-15px;border:1px solid #c3c3c3}
#localizacao .text {background:var(--color-secondary);color:#fff;text-align:center;padding:10px;font-size:14px;margin-top:-10px}
#localizacao .text a{color:#fff;text-decoration:none}
#e-book .col-md-7{background:var(--color-primary);justify-content:space-around}
#e-book img {border-radius:0;height:100%;width:100%;object-fit:cover}

#cta-2 h2{font-weight:600;font-size:2rem}
#cronograma .box{background-color:var(--color-primary);height:100%}
#cronograma img{width:100%;height:100%;object-fit:cover}
#cronograma h2 span{display:inline-block;background:var(--color-secondary);font-size:.8rem;padding:5px 30px;float:right}
#cronograma .text{color:#fff;margin-bottom:0}
#cronograma .crono {color:#fff;margin-top:-20px;margin-bottom:20px}
#cronograma .crono .box{background:var(--color-secondary);display:block;height:1px}
#cronograma .porcentagem{text-align:right;color:var(--color-secondary);display:block}
#entre-em-contato .container-lg{background-color:var(--color-primary)}
#entre-em-contato h3{font-size:1.4rem}
#entre-em-contato form label,form label a{color:#fff}
#entre-em-contato .box-1,
#entre-em-contato .box-2{border:1px solid var(--color-secondary)}
#sobre-grafico .box{background:var(--color-primary)}
.footer-area img{margin:0 15px}
.custom-slider-track::-webkit-scrollbar{display:none}
.custom-slider-track{-ms-overflow-style:none;scrollbar-width:none;}

.custom-snap-container{scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}

.custom-slider-item{scroll-snap-align:center;min-width:100%}

.custom-slider-wrapper{
}
@media (max-width:768px){
   .custom-slider-wrapper{}
}
.custom-gradient-overlay{background:linear-gradient(90deg, rgba(32, 201, 151, 1) 25%,       rgba(32, 201, 151, 0.85) 50%, rgba(32, 201, 151, 0.4) 75%, rgba(32, 201, 151, 0) 100%);
}
@media (max-width:768px){
   .custom-gradient-overlay{background:linear-gradient(180deg, rgba(32, 201, 151, 0.95) 40%, rgba(32, 201, 151, 0.6) 70%,rgba(32, 201, 151, 0) 100%)}
}

.btn-custom-nav {width:40px;height:35px;background-color:var(--color-fourth);border:none;color:white;display:flex;align-items:center;justify-content:center;transition:all 0.2s ease;box-shadow:0 4px 6px rgba(0, 0, 0, 0.1);font-size:1.5rem;line-height:1}
.btn-custom-nav:hover{background-color:var(--color-secondary); transform:translateY(-2px)}
.btn-custom-nav:active{transform:scale(0.95)}
.btn-custom-nav .fa-angle-left{margin-right:2px}
.btn-custom-nav .fa-angle-right{margin-left:2px}
.progress-track-bg{background-color:#e9ecef;height:3px;border-radius:10px;overflow:hidden;position:relative}
.progress-fill-bar{background-color:var(--color-secondary);height:100%;width:0%;position:absolute;left:0;top:0;transition:width 0.3s ease-out}
.service-card{border:1px solid var(--color-primary);border-radius:20px;background:white;padding:2rem 1.5rem;text-align:center;height:100%;transition:transform 0.3s ease, box-shadow 0.3s ease;display:flex;flex-direction:column;align-items:center}
.service-card:hover{box-shadow:0 10px 20px rgba(77, 208, 225, 0.15);transform:translateY(-5px)}
.service-card h3{color:var(--color-primary);font-size:1.2rem;font-weight:700;margin-bottom:1rem}
.service-card p{font-size:.9rem}
.service-card img{margin-bottom:1rem}
.icon-wrapper{width:80px;height:80px;background-color:var(--color-secondary);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem}
.icon-wrapper i{color:var(--color-primary);font-size:32px}
.card-title{color:var(--color-primary);font-weight:600;font-size:1.1rem;margin-bottom:1rem;min-height:3rem;display:flex;align-items:center;justify-content:center}
.card-text{color:var(--text-gray);font-size:0.9rem;line-height:1.6}
.responsive-grid-slider{display:flex;flex-wrap:nowrap !important; /* IMPORTANTE:Impede que o Bootstrap quebre a linha */overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:1.5rem;-webkit-overflow-scrolling:touch;/* Esconde scrollbar */-ms-overflow-style:none;scrollbar-width:none}
.responsive-grid-slider::-webkit-scrollbar{display:none}
.grid-slider-col{flex:0 0 auto;width:85%; max-width:320px;scroll-snap-align:center}
@media (min-width:992px){
   .responsive-grid-slider{flex-wrap:wrap !important;overflow-x:visible;justify-content:center;padding-bottom:0}
   .grid-slider-col{flex:0 0 auto;width:auto;max-width:none}
   .mobile-controls{display:none !important}
}
.mobile-controls{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:0.5rem}
.nav-arrow{color:var(--color-primary);background:none;border:none;font-size:2rem;cursor:pointer;padding:0 10px;display:flex;align-items:center}
.dots-container{display:flex;gap:8px}
.dot{width:10px;height:10px;border-radius:50%;border:1px solid var(--color-primary);background:transparent;cursor:pointer;transition:all 0.3s}
.dot.active{background:var(--color-primary);width:25px;border-radius:5px}