/*  
Theme Name: Viana Moura
Version: 1.0
Description: Desenvolvido por Tante Comunicações.
Author: Tante Comunicações. 
*/
:root{--color-um:#B8292F;--color-dois:#E5A812;--color-tres:#85827F;--color-quatro:#F2F2F7;--color-cinco:#0C06000D;--color-seis:#0C060099;--color-sete:#54504C}
html,body{font-family:ubuntu;color:var(--color-sete)} 
.bg-um{background-color:var(--color-um)}
.bg-um-escuro{background:#a11c22}
.bg-dois{background-color:var(--color-dois)!important}
.bg-tres{background-color:var(--color-tres)}
.bg-quatro{background-color:var(--color-quatro)}
.bg-cinco{background-color:var(--color-cinco)}
.bg-seis{background-color:var(--color-seis)}
.bg-quatro-pontilhado{background:url(images/bg-mapa.png) no-repeat left bottom,var(--color-quatro)}
.bg-pontilhado{background:url(images/bg-mapa.png) no-repeat left bottom}
.bg-red-folha{height:110%;clip-path:polygon(15% 0.0%,100% 0%,100% 100%,0% 100%,0% 17%);background:url(images/folha-vazada.svg) no-repeat right bottom,var(--color-um);background-size:auto 100%}
.bg-quatro-folha{background:url(images/floral.svg) no-repeat left -3% bottom / 30% 70%,var(--color-quatro)}
.bg-quatro-folha-lr{background:url(images/bg-folha-left.png) no-repeat left 0 top 40% / 20% 50%,url(images/bg-folha-right.png) no-repeat right 0 top 40% / 20% 50%,var(--color-quatro)}
.bg-parque{background:left 40% bottom 40%/ 95% 86% no-repeat url(images/cultura.png),linear-gradient(0.25turn,#f2ddba,#ebf8e1,#d5ebef);height:1040px}
.box-left{height:fit-content;display:flex;margin-top:auto}
.box-right{height:fit-content;display:flex;margin-top:auto}
.bg-parque .img-logo{top:9%;right:4.4rem;z-index:1;width:13%}
.bg-parque .img-grupo{top:9%;left:4.4rem;width:13%}
.img-menino{bottom:-160px;left:35%;z-index:1;width:32%}
#whatsapp{bottom:10px;right:10px}
.text-um,.text-get{color:var(--color-um)}
.text-dois{color:var(--color-dois)}
.text-tres{color:var(--color-tres)}
.text-quatro{color:var(--color-quatro)}
.text-cinco{color:var(--color-cinco)}
.text-seis{color:var(--color-seis)}
.text-sete{color:var(--color-sete)}
.text-oito{color:#006F45}
h1,.h1{font-size:clamp(1.6rem,3.60vw,3.25rem);font-weight:400;line-height:130%}
h2,.h2{font-size:clamp(1.6rem,2.78vw,2.5rem);font-weight:400;line-height:130%}
h3,.h3{font-size:clamp(1.6rem,2.5vw,2.25rem);font-weight:400;line-height:130%}
h4,.h4{font-size:clamp(1.6rem,2.22vw,2rem);font-weight:400;line-height:130%}
h5,.h5{font-size:clamp(1rem,1.39vw,1.25rem);font-weight:400;line-height:140%}
.font-unbutu-light{font-family:ubuntu-light}
.font-unbutu-bold{font-family:ubuntu-bold}
.font-ptserif{font-family:ptserif}
.font-s-24{font-size:clamp(1rem,1.67vw,1.5rem)!important}
p{font-size:clamp(1rem,1.25vw,1.125rem)!important;font-weight:200;line-height:150%}
a:hover,a.btn:hover{color:var(--color-um)!important}
header a:hover,header a.btn:hover,.yellow-hover:hover{color:#cb950c!important}
.grow:hover{transform:scale(1.05);transition:all .2s linear;z-index:4}
.shadown-hover:hover{box-shadow:2px 5px 13px var(--color-seis)}
#ul-nav a{font-size:17px;font-weight:400;line-height:150%}
.fw-300{font-weight:300}
strong{font-weight:700}
.font-48{font-size:clamp(1.6rem,3.33vw,3rem)!important}
.font-s-16{font-size:clamp(0.875rem,1.11vw,1rem)}
.font-small{font-size:clamp(0.75rem,0.97vw,0.875rem)!important}
.font-smaller{font-size:clamp(0.725rem,0.83vw,0.75rem)!important}
.desenvolvido{font-size:clamp(0.4rem,0.625vw,0.56rem)!important}
.square-8{width:8px;height:8px}
.z-0{z-index:0}
.z-1{z-index:1}
.z-2{z-index:2}
.z-3{z-index:3}
.z-4{z-index:4}
.z-5{z-index:5}
.style-disc{list-style-type:disc!important;margin:0}
.style-disc li{display:list-item}
p,span,a,li{display:flex;align-items:center;color:var(--color-tres)}
input,select,textarea,.type-select{background-color:#f3f3f2!important;border:0!important;background-color:#e7e6eb!important}
.btn-dois{background:var(--color-dois);color:#fff}
.btn-dois:hover,a.btn-dois:hover{background:#f8be2d;color:var(--color-um)!important}
header .btn-dois:hover,header a.btn-dois:hover{color:var(--color-um)}
.btn-dois:disabled{background:#f5c447;color:#fff}
.container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{width:78%;max-width:1700px;padding-left:0;padding-right:0}
header{position:fixed;top:0;left:0;right:0;transition:all .4s}
.header-nav{min-height:88px}
.select-arrow{position:relative}
.select-arrow select{appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important}
.select-arrow::after{content:"";background:url(images/arrow-down.svg) no-repeat center;font-size:.8rem;position:absolute;right:10px;top:19px;width:20px;height:20px;transform:translateY(-50%);pointer-events:none;color:#555}
.file-label{position:relative}
.file-label::after{content:"";background:url(images/file-blank.svg) no-repeat center;font-size:.8rem;position:absolute;right:10px;top:19px;width:20px;height:20px;transform:translateY(-50%);pointer-events:none;color:#555}
#button-menu{width:32px;height:32px;padding:0 .2%;display:none}
#button-menu .line-sandwich{width:28px;height:2px;display:block;margin:5px auto;position:relative;transition:.2s linear;border:0;background:#fff}
header.bg-white #button-menu .line-sandwich{background:var(--color-um)}
#button-menu.ativeX .line-sandwich:first-child{transform:translate(-1px) rotate(-45deg);top:6px}
#button-menu.ativeX .line-sandwich:nth-child(2){width:0}
#button-menu.ativeX .line-sandwich:nth-child(3){transform:translate(-1px) rotate(45deg);top:-8px}
#header-image{position:relative}
#header-txt-image{height:460px}
#header-image figure{position:absolute}
.section-header{background:linear-gradient(0.5turn,#00000091,#0000004a) no-repeat center / cover,url(images/vila-header.png) no-repeat center / cover}
.section-header-red{background:url(images/arrow-vm-white.svg) no-repeat bottom right 9%,var(--color-um);position:relative}
.section-header.text-white{position:relative}
.section-header.text-white::after{content:'';background:url(images/canto.png) no-repeat;position:absolute;bottom:0;right:0;width:134px;height:134px}
.section-carrossel .card img.card-img-top{min-width:100%;height:100%;object-fit:cover}
.section-empreendimento .body-carousel .card{flex:0 0 auto;width:100%;max-width:100%}
.section-home-conquiste{padding-bottom:12%}
.after-canto-div::after{content:'';position:absolute;bottom:-1px;background:#fff;clip-path:polygon(100% 14%,0 100%,100% 100%);right:0;width:280px;height:260px;z-index:2}
.after-canto-div.filter-quatro::after{filter:brightness(0) saturate(100%) invert(86%) sepia(20%) saturate(20%) hue-rotate(221deg) brightness(107%) contrast(99%)}
.after-canto::after{content:'';background:url(images/canto.svg);background-position:right bottom;background-repeat:no-repeat;background-size:contain;position:absolute;bottom:-1px;right:0;width:20%;height:20%}
.after-canto.filter-quatro::after{filter:brightness(0) saturate(100%) invert(86%) sepia(20%) saturate(20%) hue-rotate(221deg) brightness(107%) contrast(99%)}
.pagination .page-item a{width:40px;height:40px;color:var(--color-tres)}
.pagination .page-item .page-link.active{z-index:3;color:#fff;background-color:var(--color-dois);border-color:var(--color-dois)}
header .logo-viana-moura{content:url(images/logo-viana-moura.svg)}
header .header-nav button.btn-transparent{color:var(--color-sete)}
header a.btn{color:var(--color-tres)}
.principal header.bg-transparent .logo-viana-moura{content:url(images/logo-viana-moura-white.svg)}
.principal header.bg-transparent .header-nav a{color:#fff}
.principal header.bg-transparent .header-nav .line-sandwich{background:#fff}
.space-box-principal{margin:25% 0}
.space-box-principal-banner{margin:11% 0 9%}
.space-box-padrao{margin:17% 0}
.space-box-header{margin-top:17%}
.space-box-header-tc{margin:17% 0 15%}
.p-6{padding:6rem}
.pt-6{padding-top:6rem}
.ptb-6{padding-top:6rem;padding-bottom:6rem}
.breadcrumb{font-family:mukta-light!important;font-weight:300}
.border-um{border-color:var(--color-um)!important}
.space-ptb-13{padding-top:13rem!important;padding-bottom:13rem!important}
.translate-10{transform:translate(0px,10%)}
.translate-20{transform:translate(0px,20%)}
.translate-img-down{transform:translate(0px,15%)}
.polygon{clip-path:polygon(15% 0.0%,100% 0%,100% 100%,0% 100%,0% 17%)}
.polygon-after-right{position:relative}
.polygon-after-right::after{content:'';clip-path:polygon(100% 0%,100% 0%,100% 100%,10% 350%,0% 0%);height:60px;width:60%;display:flex;position:absolute;right:0;bottom:-59px;background:var(--color-um)}
.polygon-after-left::after{clip-path:polygon(15% 0.0%,100% 0%,100% 100%,0% 100%,0% 17%)}
.btn,button{font-size:14px!important;line-height:150%!important;font-weight:200;border:0!important}
.imput-seaerch{border-radius:.375rem 0 0 .375rem}
.carrossel-sobre-nos .body-carousel .card{flex:0 0 auto;width:456px;max-width:80%}
.body-carousel .card{flex:0 0 auto;width:416px;max-width:80%}
#box-show-image figure{height:288px;overflow:hidden}
.galery-empreendimentos{grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr}
.galery-empreendimentos .figure-empreendimento{width:360px;height:240px} 
.grid-empreendimentos .figure-empreendimento, body.home .body-carousel.box-carrossel .card .figure-card{position:relative;width:100%;height:234px;overflow:hidden}
.grid-empreendimentos .item-empreendimento .image-empreendimento, body.home .body-carousel.box-carrossel .card .figure-card img{height:100%;width:100%;object-fit:cover;display:block}
.empreendimento-vendido figure{position:relative}
.empreendimento-vendido figure::after{content: ' 100% Vendido ';background: var(--color-um);color: white;font-weight: bold;position: absolute;top: 26px;right: -20%;padding: 5px 20%;transform: rotate(34deg);}
.grid-nossos-programas{display:grid;grid-template-columns:1fr 1fr 1fr;grid-auto-rows:500px;gap:10px}
.grid-contato{grid-template-columns:1fr 1fr;grid-auto-rows:245px;gap:26px}  
#header-img-recentes .box-img-recentes figure{height:125px}
#footer-recentes .box-img-recentes figure{height:235px}
#header-img-recentes .img-recente,#footer-recentes .img-recente{height:100%;width:100%;object-fit:cover}
.overflow-x-hidden{overflow-x:hidden}
.logo-tante{width:9%}
#ul-nav{z-index:998;position:fixed;top:90px;left:100%;right:10px;bottom:10px;transition:all .4s;display:inline!important;overflow-y:auto;overflow-x:hidden;background:var(--color-um);padding:0;margin:0;list-style:none;opacity:.3}
#ul-nav li{transition:all .5s;opacity:0;padding:1rem!important;align-items:center!important;justify-content:center!important;width:100%;display:flex;overflow:hidden;box-sizing:border-box}
#ul-nav.total-screen{left:0;right:0;bottom:0;opacity:1}
#ul-nav.total-screen li{opacity:1}
#ul-nav li button{padding:0!important;margin:auto!important;color:#fff;background:#fff0;overflow:hidden}
#ul-nav li a{color:#fff;display:block;width:100%;text-align:center}
.pather-img-rs,.img-rs{width:56px;max-width:80px}
.img-rs,.object-fit-contain{object-fit:contain}
.carrossel-home .card{border:0!important}
.transition-05{transition:transform .5s ease-in-out}
.transition-all-07{transition:all .7s ease-in-out}
.transition-03-linear{transition:transform .3s linear}
.trans-linear-all-05{transition:all .5s linear}
.transition-all-03{transition:all .3s linear}
.grid-social-footer{grid-template:56px / 1fr 1fr 1fr 1fr;gap:10px}
.transition-all-04-ease-out{transition:all .3s ease-out}
.grid-sobre-nos{grid-template:226px 226px 226px / 1fr 1fr 1fr;gap:20px}
.grid-sobre-nos img{width:100%;height:100%;object-fit:cover}
.grid-empreendimentos{grid-template-columns: 1fr 1fr 1fr;grid-template-rows: repeat(auto-fit, minmax(396px, 1fr));gap:20px} 
.grid-empreendimento-interno{grid-template:19.6rem 19.6rem / 1fr 1fr 1fr;gap:20px}
.grid-empreendimento-interno img{min-width:100%;height:100%}
.object-fit-cover{object-fit:cover}
.filter-white{filter:brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(5944%) hue-rotate(256deg) brightness(127%) contrast(101%)}
.filter-grey{filter:brightness(0) saturate(100%) invert(31%) sepia(1%) saturate(2516%) hue-rotate(345deg) brightness(96%) contrast(90%)}
.image-hover-yellow:hover{filter: brightness(0) saturate(100%) invert(62%) sepia(19%) saturate(4637%) hue-rotate(11deg) brightness(95%) contrast(91%)}
.mascara-img{-webkit-mask-image:url(images/mascara.png);mask-image:url(images/mascara.png);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:cover;mask-size:cover;display:block;width:100%;height:auto}
.box-cultura{padding-left:4.4rem!important;padding-right:4.4rem!important}
.box-paralax{grid-template-columns:1fr 1fr}
.box-title-search{height:135px}
.animation-to-scrolling{transform-origin:30% center;transition:transform .1s linear}
.arrow-contact{width:auto}
.animation-balance{animation:.4s ease-in-out balance infinite}

@keyframes balance {
0%{transform:translate(5px,7px)}
50%{transform:translate(-5px,0px)}
100%{transform:translate(5px,7px)}
}
.animation-to-left{position:relative;animation:.8s to_left}
@keyframes to_left {
from{left:5em;opacity:.2}
to{opacity:1;left:0}
}
.animation-to-right{position:relative;animation:.8s to_right}
@keyframes to_right {
from{right:5em;opacity:.2}
to{opacity:1;right:0}
}
.animation-to-up{position:relative;animation:.8s to_up}
@keyframes to_up {
from{top:7em;opacity:.2}
to{opacity:1;top:0}
}
@media only screen and (min-width: 2000px) {
.img-menino{bottom:-160px;left:35%;z-index:1;width:calc(100vw * 0.24)}
}
@media only screen and (max-width: 1554px) {
.box-title-search{height:203px}
.bg-parque{background:left 40% bottom 40%/ 95% 65% no-repeat url(images/cultura.png),linear-gradient(0.25turn,#f2ddba,#ebf8e1,#d5ebef);height:915px}
.img-menino{bottom:-163px;left:35%;z-index:1;width:38%}
}
@media only screen and (max-width: 1440px) {
.grid-empreendimentos{grid-template-columns: 1fr 1fr 1fr;grid-template-rows: repeat(auto-fit, minmax(396px, .8fr));gap:20px} 
.grid-empreendimento-interno{grid-template:15rem 15rem / 1fr 1fr 1fr}
.bg-quatro-folha{background:url(images/floral.svg) no-repeat left -3% bottom -25% / 30% 70%,var(--color-quatro)}
}
@media only screen and (max-width: 1360px) {
#ul-menu{display:none!important}
#button-menu{display:block}
.grid-empreendimento-interno{grid-template:20.3rem 20.3rem 20.3rem / 1fr 1fr;gap:20px}
}
@media only screen and (max-width: 1250px) {
.bg-parque{background:left 30% bottom -10% / 90% no-repeat url(images/cultura.png),linear-gradient(0.25turn,#f2ddba,#ebf8e1,#d5ebef);height:1150px}
.bg-red-folha{height:100%;clip-path:unset;background:url(images/folha-vazada.svg) no-repeat right bottom / 70% 100%,var(--color-um)}
.grid-sobre-nos{display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:226px;gap:10px}
.grid-empreendimentos{grid-template-columns: 1fr 1fr;grid-template-rows: repeat(auto-fit, minmax(396px, .8fr));gap:20px} 
.grid-empreendimentos .card{height: 396px} 
.section-header-red{background:url(images/arrow-vm-white-op30.svg) no-repeat bottom right -50%,var(--color-um)}
.grid-empreendimento-interno{grid-template-columns:1fr 1fr;grid-template-rows:16.7rem;grid-auto-rows:minmax(16.7rem,auto);gap:20px}
#header-txt-image{height:370px}
.box-title-search{height:170px}
.box-left{padding-top:17rem;height:fit-content;height:720px;margin-top:0}
.box-right{padding-top:17rem;height:fit-content;height:720px;align-items:center;display:flex;margin-top:0}
}
@media only screen and (max-width: 1100px) {
.grid-empreendimento-interno{grid-template-columns:1fr 1fr;grid-template-rows:13rem;grid-auto-rows:minmax(13rem,auto);gap:20px}
.bg-quatro-folha{background:url(images/floral.svg) no-repeat left -3% bottom -35% / 30% 70%,var(--color-quatro)}
#header-txt-image{height:300px}
.grid-nossos-programas{grid-template-columns:1fr 1fr 1fr;grid-auto-rows:600px;gap:10px}
.animation-to-scrolling{transform-origin:60% center;transition:transform .1s linear}
#footer-recentes .box-img-recentes figure{height:180px}
.box-left{padding-top:17rem;height:fit-content;height:720px}
.box-right{padding-top:17rem;height:fit-content;height:720px;align-items:center;display:flex}
}
@media only screen and (max-width: 990px) {
#header-image figure{position:relative}
#header-txt-image{height:300px}
.box-paralax{grid-template-columns:1fr 1fr}
.grid-nossos-programas{grid-template-columns:1fr 1fr 1fr;grid-auto-rows:700px}
.img-menino{bottom:-11%;left:32%;z-index:1;width:36%}
.box-left{padding-top:17rem;height:fit-content;height:720px}
.box-right{padding-top:17rem;height:fit-content;height:720px;align-items:center;display:flex}
}
@media only screen and (max-width: 900px) {
.grid-sobre-nos{grid-template-columns:1fr;grid-template-rows:repeat(9,1fr);gap:3% 4%}
.grid-sobre-nos > div{overflow:hidden}
.grid-empreendimentos{grid-template-columns: 1fr 1fr;grid-template-rows: repeat(auto-fit, minmax(396px, .8fr));gap:20px} 
.bg-quatro-folha{background:url(images/floral.svg) no-repeat left -3% bottom -55% / 30% 70%,var(--color-quatro)}
.grid-nossos-programas{grid-template-columns:1fr 1fr 1fr;grid-auto-rows:800px}
.bg-parque{background:left 60% bottom 0%/ contain no-repeat url(images/cultura.png),linear-gradient(0.25turn,#f2ddba,#ebf8e1,#d5ebef)}
#footer-recentes .box-img-recentes figure{height:140px}
.galery-empreendimentos{grid-template-columns:1fr 1fr;grid-template-rows:repeat(1fr)}
.bg-parque{height:1100px}
.box-left{padding-top:14rem;height:720px}
.box-right{padding-top:14rem;height:720px;align-items:center;display:flex}
}
@media only screen and (max-width: 800px) {
#footer-recentes .box-img-recentes{max-width:320px;margin:auto}
.grid-contato{grid-template-columns:1fr}
.grid-nossos-programas{grid-template-columns:1fr;grid-auto-rows:380px}
.bg-parque{background:left 60% bottom 0%/ contain no-repeat url(images/cultura.png),linear-gradient(0.25turn,#f2ddba,#ebf8e1,#d5ebef);height:1050px}
.grid-sobre-nos{gap:1%;grid-template-columns:1fr;grid-auto-rows:1fr}
.grid-empreendimento-interno{grid-template-columns:1fr;grid-template-rows:13%;grid-auto-rows:minmax(13%,auto);gap:20px}
.bg-quatro-folha{background:var(--color-quatro)}
.after-canto-div::after{display:none}
}
@media only screen and (max-width: 700px) {
.box-title-search{height:170px}
.section-header-red{background:url(images/arrow-vm-white-op30.svg) no-repeat bottom right -1920%,var(--color-um)} 
.img-menino{bottom:-11%;left:32%;z-index:1;width:43%}
.grid-social-footer img{max-width:100%}
}
@media (min-width: 570px) {
.ptb-sm-6{padding-top:6rem!important;padding-bottom:6rem!important}
.pt-sm-6{padding-top:6rem!important}
.pb-sm-6{padding-bottom:6rem!important}
}
@media (max-width: 570px) {
.box-left{padding-top:18rem;height:fit-content}
.box-right{padding-top:0;padding-bottom:12rem;height:fit-content;align-items:center;display:flex}
.container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{width:93%;padding-left:0;padding-right:0}
#footer-recentes .box-img-recentes figure{height:140px}
.section-header.text-white::after{transform:translateY(1px)}
.box-paralax{grid-template-columns:1fr}
.bg-parque{background:left 60% bottom 0%/ contain no-repeat url(images/cultura.png),linear-gradient(0.25turn,#f2ddba,#ebf8e1,#d5ebef);height:1650px}
.bg-parque .img-logo{top:auto;right:41%;bottom:43%;width:23%;z-index:1}
.bg-parque .img-grupo{top:6%;width:33%;left:34%}
.img-menino{bottom:-6%;width:43%}
.box-cultura{padding-left:2rem!important;padding-right:2rem!important}
.section-header-red{background:url(images/arrow-vm-white-op30.svg) no-repeat bottom right 450%,var(--color-um)}
#box-vagas .text-uppercase{text-transform:none!important}
#whatsapp{width:70px;bottom:50px}
.galery-empreendimentos{grid-template-columns:1fr;grid-template-rows:repeat(1fr)}
}
@media (max-width: 550px) {
.img-menino{bottom:-8%;width:60%}
.box-right{padding-bottom:15rem}
}
@media (max-width: 450px) { 
.grid-empreendimentos{grid-template-columns: 1fr;grid-template-rows: repeat(auto-fit, minmax(396px, .8fr));gap:30px} 
.bg-parque{height:1800px}
.img-menino{bottom:-6%;width:65%}
.box-left{padding-top:14rem;height:850px}
.box-right{padding-bottom:11rem}
}
@media (max-width: 320px) {
.section-header-red{background:url(images/arrow-vm-white-op30.svg) no-repeat bottom right 170%,var(--color-um)}
.grid-empreendimento-interno{grid-template-columns:1fr;grid-template-rows:12rem;grid-auto-rows:minmax(12rem,auto);gap:20px}
.bg-parque{background:left 0 bottom 3% / contain no-repeat url(images/cultura.png),linear-gradient(0.25turn,#f2ddba,#ebf8e1,#d5ebef)}
.box-cultura{padding-left:2rem!important;padding-right:2rem!important}
}