@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

@font-face {
    font-family: 'SuperGround'; /*a name to be used later*/
    src: url('../fonts/Super-Ground.otf'); /*URL to font*/
    src: url('../fonts/Super-Ground.woff2'), /*URL to font*/
  }

body {
    font-family: "Poppins", sans-serif;
    background-color: var(--cor-fundo);
    background-image: none;
}

p {
    margin: 0;
    padding: 0;
}

a:hover {
    opacity: 1;
}

.tipbar {
    padding: 3px 0;
    font-weight: 200;
    text-transform: uppercase;
    text-align: center;
    background-color: var(--cor-secundaria);
    color: var(--cor-primaria);
    letter-spacing: 2px;
}

.capa {
    height: 100vh;
    background-position: center center;
    background-size: cover;
}

.botaoSecundario {
    background-color: var(--cor-secundaria);
    border-radius: 15px;
    font-weight: 600;
    color: #FFF;
    padding: 5px 20px;
}

.ctaSecundario {
    background-color: var(--cor-secundaria);
    color: var(--cor-primaria) !important;
    border-radius: 10px;
    font-weight: 500;
    padding: 5px 20px;
    text-transform: none;
}

.ctaPrimario {
    color: var(--cor-secundaria);
    background-color: var(--cor-primaria) !important;
    border-radius: 10px;
    font-weight: 500;
    padding: 5px 20px;
    text-transform: none;
}

.boxFrase {
    background-color: var(--cor-secundaria);
    color: #FFF;
    padding: 25px 10px 30px;
    font-size: 1.3rem;
    border-bottom-left-radius: 100px;
    border-bottom-right-radius: 100px;
    font-weight: 200;
    position: relative;
    line-height: 1.3rem;
}

.boxFrase a {
    background-color: var(--cor-primaria);
    color: var(--cor-secundaria);
    height: 50px;
    position: absolute;
    bottom: -25px;
    left: calc(50% - 25px);
    border-radius: 50px;
    font-size: 2rem;
    width: 50px;
    align-content: center;
}

.menu {
    background-color: var(--cor-secundaria);
    color: var(--cor-primaria);
    font-weight: 100;
    font-size: 1rem;
    padding: 10px 0;
    letter-spacing: 3px;
}

.menu a:hover{
    font-weight: 300 !important;
}

.destaque {
    height: 80vh;
    background-position: center center;
    background-size: cover;
    font-weight: 200;
}

.destaque .container-fluid {
    background: rgb(0,0,0);
background: linear-gradient(0deg, rgba(0,0,0,0.75) 0%, rgba(255,255,255,0) 100%);
}

.destaque hr {
    border-bottom: 3px var(--cor-primaria) solid;
    opacity: 1;
}

.sobre {
    padding: 80px 0;
    background-position: center top;
    background-size: contain;
    background-repeat: no-repeat;
    background-color: transparent;
}

.sobreImagem {
    width: 100%;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
}

.sobreTexto {
    align-content: center;
    font-size: 1.7rem;
    color: var(--cor-primaria);
    text-transform: uppercase;
    font-weight: 200;
    letter-spacing: 5px;
    line-height: 2rem;
}

.splide__slide {
    height: auto !important;
}

.splide__slide img {
    width: 80% !important;
}

.splide__slide.is-next img {
    z-index: 9999;
    position: relative;
    margin-left: -30%;
}

.splide__arrow {
    top: 50% !important;
}

.splide__arrow--next {
    right: 28%;
    opacity: 1;
    background-color: var(--cor-secundaria) !important;
    color: var(--cor-primaria);
    font-size: 1.3rem;
}

.splide__arrow--prev {
    left: 22%;
    opacity: 1;
    background-color: var(--cor-secundaria) !important;
    color: var(--cor-primaria);
    font-size: 1.3rem;
}

.splide__arrow svg {
    fill: var(--cor-primaria);
}

.tituloDiferenciais {
    color: var(--cor-secundaria);
    text-transform: uppercase;
    letter-spacing: 3px;
    font-weight: 600;
}

.diferencial {
    color: var(--cor-secundaria);
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 15px;
    font-size: 0.9rem;
}

.diferencial img {
    margin: 15px;
}

.galeriaFale {
    background-color: var(--cor-secundaria);
    align-content: center;
    text-align: center;
    color: var(--cor-primaria);
    font-size: 1.4rem;
    line-height: 1.7rem;
    padding: 40px;
    text-transform: uppercase;
    letter-spacing: 1px;
    display: block;
    width: 100;
    height: 100%;
}

.lazer {
    padding: 50px 0;
    background-color: var(--cor-secundaria);
}

.lazer h3 {
    color: var(--cor-primaria);
    font-size: 2rem;
    text-transform: uppercase;
    line-height: 2rem;
    letter-spacing: 3px;
}

.itemLazer {
    padding: 10px;
    color: var(--cor-fundo);
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: 0.95rem;
    align-items: center;
    display: flex;
}

.itemLazer img {
    width: 30px;
    margin-right: 10px;
    float: left;
}

.plantas {
    background-position: center center;
    background-size: cover;
}

.plantas .container-fluid {
    padding: 80px 0;
    background-color: #5e5e5edb;
}

.plantas img {
    width: 100%;
    max-height: 600px;
    object-fit: contain;
    object-position: center;
}

.plantas .nav-tabs {
    border: none;
}

.plantas .nav-tabs .nav-link.active {
    color: var(--cor-primaria);
    background-color: transparent;
    border: none;
    padding: 10px 30px;
    font-weight: 600;
}

.plantas .nav-tabs .nav-link {
    color: var(--cor-primaria);
    background-color: transparent;
    border: none;
    padding: 10px 30px;
    font-weight: 300;
}

.plantas .titulo, .plantas .tipo, .plantas .descricao, .plantas .m2 {
    font-weight: 300;
    display: block;
    color: #FFF;
}

.plantas .m2 {
    font-size: 7rem;
  line-height: 6rem;
  font-family: 'SuperGround';
  margin-bottom: -25px;
}

.plantas .m2 span {
    font-size: 2rem;
}

.proximidades {
    padding: 35px 0;
    background-color: var(--cor-secundaria);
    color: var(--cor-primaria);
    text-transform: uppercase;
    line-height: 2.5rem;
}

.proximidades .col-12 {
    columns: 3;
}

.formulario {
    background-color: var(--cor-fundo);
    color: var(--cor-secundaria);
}

.formulario .colunaFormulario {
    display: flex;
    background-color: var(--cor-primaria);
    justify-content: end;
    padding: 50px 50px 80px 0;
    border-top-right-radius: 100px;
}

.formulario .colunaFormulario .wrapper {
    width: 100%;
    max-width: 700px;
}

.formulario .colunaFormulario form {
    margin-top: 50px;
}

.formulario .colunaFormulario input {
    width: 100%;
    border: none;
    background-color: transparent;
    border-bottom: 2px solid var(--cor-secundaria);
}

.formulario .colunaFormulario label {
    font-weight: 200;
    width: 100%;
}

.radio {
    width: auto !important;
    margin-left: 20px;
    background-color: ;
}

.formulario .colunaFormulario textarea {
    width: 100%;
    border: none;
    background-color: transparent;
    border: 1px solid var(--cor-secundaria);
    padding: 10px;
    resize: none;
}

.formulario .colunaFormulario button {
    color: var(--cor-primaria);
    background-color: var(--cor-secundaria);
    width: 100%;
}

.footer {
    background-position: center center;
    background-size: cover;
    color: var(--cor-fundo);
}

.footer .container-fluid {
    padding: 80px 0;
    background-color: #3e3e3edb;
}

.footer .textoLegal {
    font-size: 0.6rem;
    color: var(--cor-fundo);
    font-weight: 200;
    line-height: 1rem;
}

.footer h2, .footer h3 {
    font-size: 1.3rem;
    font-weight: 500;
    color: var(--cor-fundo);
    text-transform: uppercase;
}

.footer h2 {
    color: var(--cor-primaria);
}

.ligarTelefone {
    background-color: transparent;
    color: var(--cor-fundo);
    border: 1px solid var(--cor-fundo);
    width: 100%;
    padding: 3px 10px;
    margin: 5px 0;
    border-radius: 0;
}

.ligarBotao {
    border: none;
    background-color: var(--cor-primaria);
    width: 100%;
    height: 32px;
    text-align: center;
    text-transform: uppercase;
    color: var(--cor-secundaria);
    margin: 5px 0;
}

@media only screen and (max-width: 1400px) {
  
}

@media only screen and (min-width: 1400px) {

}

@media only screen and (max-width: 1200px) {

}

@media only screen and (max-width: 1024px) {

}

@media only screen and (max-width: 991px) {

    .logo {
        background-color: #FFFFFFAB;
        padding: 15px;
    }

    .proximidades .col-12 {
        text-align: center;
        columns: 1;
    }

    .sobreTexto {
        background-color: var(--cor-secundaria);
        padding: 20px;
        width: auto;
        margin: auto;
    }

    .splide__slide.is-next img {
        width: 100% !important;
    }

    .capa {
        height: 85vh;
        background-position: left bottom;
    }

}

@media only screen and (min-width: 992px) {
    .splide__slide.is-next img {
        width: 140% !important;
    }
}

@media only screen and (max-width: 767px) {

}

@media only screen and (max-width: 575px) {

}