@font-face {
    font-family: 'Engravers Gothic BT';
    src: url('./fonts/Engravers-Gothic-BT-Font.ttf')  format('truetype');
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('./fonts/Inter-VariableFont_slnt,wght.ttf')  format('truetype');
    font-display: swap;
}


:root {
    --yellow: #FCB814;
    --blue: #255D6F;
    --brown: #A07B59;
    --green: #3E732B;
    --pd-base-horizontal: 4vw;
    --pd-base-vertical: 3rem;
}

* {
    font-family: 'Inter', sans-serif;
}

html, body, section, p, div, h1 {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

html, body, section {
    height: 100%;
    width: 100%;
    overflow-x: hidden;
}

section {
    overflow-y: hidden;
}

.bg-blue {
    background-color: var(--blue);
}

.content-full {
    width: 100%;
    height: 100%;
    max-height: 100%;
}

.instagram {
    max-width: 64px;
    max-height: 64px;
}

.btn-primary {
    background-color: var(--yellow) !important;
    border-color: var(--yellow) !important;
}

.text-justify {
    text-align: justify;
}

.font-family-engravers {
    font-family: 'Engravers Gothic BT', sans-serif;
}

.font-family-inter {
    font-family: 'Inter', sans-serif;
}

.text-yellow {
    color: var(--yellow);
}

.contact-number a {
    text-decoration: none;
    color: var(--yellow);
}

img {
    aspect-ratio: attr(width) / attr(height);
}

.text-blue { 
    color: var(--blue);
}

.align-center {
    margin: 0 auto !important;
}

.bg-brown {
    background-color: var(--brown);
}

p {
    font-family: 'Inter', sans-serif;
}

.text-green {
    color: var(--green);
}

.description {
    line-height: 2rem;
}

#sustentavel li {
    margin-bottom: 1rem;
}

.bg-gray {
    background-color: #F2F2F2;
}

.carousel-inner .carousel-item.active,
.carousel-inner .carousel-item-next,
.carousel-inner .carousel-item-prev {
    display: flex;
}

.card {
    --bs-card-border-color: none;
    --bs-card-bg: none;
}

.card-img {
    max-height: 180px;
    padding: 10px;
    height: auto;
}

.text-brown {
    color: var(--brown);
}

.geo-form {
    margin-left: -73px;
    margin-top: 30px;
}

.transparent-input {
    background-color: transparent;
    border: none;
    color: white;
    border-bottom: 1px solid white;
    outline: none;
}

::placeholder {
    color: white;
    font-family: 'Inter', sans-serif;
    font-size: 10pt;
}

.m-base {
    margin: var(--pd-base-vertical) var(--pd-base-horizontal);
}

.p-base {
    padding: var(--pd-base-vertical) var(--pd-base-horizontal);
}

.ps-base, .px-base {
    padding-left: var(--pd-base-horizontal);
}

.pe-base, .px-base {
    padding-right: var(--pd-base-horizontal);
}

.pt-2x-base, .p-2x-base {
    padding-top: calc(2 * var(--pd-base-vertical));
}

.pb-2x-base, .p-2x-base {
    padding-bottom: calc(2 * var(--pd-base-vertical));
}

#area-privada .gallery img {
    max-height: 361px;
}

/* Estilos para telas extra pequenas (XS) */
@media (max-width: 575.98px) {
    .only-mobile-mb-5 {
        margin-bottom: 3rem !important;
    }

    .only-mobile-pt-base, .only-mobile-py-base {
        padding-top: var(--pd-base-vertical);
    }

    .only-mobile-pb-base, .only-mobile-py-base {
        padding-bottom: var(--pd-base-vertical);
    }

    .ps-base, .px-base {
        padding-left: calc(2 * var(--pd-base-horizontal));
    }

    .pe-base, .px-base {
        padding-right: calc(2 * var(--pd-base-horizontal));
    }

    .max-width-50-desktop {
        max-width: 100vw !important;
    }

    .card-img {
        max-height: 100%;
    }
    .h-100-on-desktop {
        height: auto !important;
    }
    .figure-pattern-02, .figure-pattern-02-green {
        background-image: none !important;
    }
}

/*
Estilos para telas pequenas (SM)
@media (min-width: 576px) { }
*/

/* Estilos para telas médias (MD) */
@media (min-width: 768px) {
    .carousel-inner .carousel-item-end.active,
    .carousel-inner .carousel-item-next {
      transform: translateX(25%);
    }

    .carousel-inner .carousel-item-start.active,
    .carousel-inner .carousel-item-prev {
      transform: translateX(-25%);
    }
}

/*
Estilos para telas grandes (LG)
@media (min-width: 992px) { }

Estilos para telas extra grandes (XL)
@media (min-width: 1200px) { }

Estilos para telas extra-extra grandes (XXL)
@media (min-width: 1400px) { }

X-Large devices (large desktops, less than 1400px)
@media (max-width: 1399.98px) { }

Large devices (desktops, less than 1200px)
@media (max-width: 1199.98px) { }

*/


 /* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
    .max-height-lt {
        max-height: 600px;
    }
}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
    .max-height-lp {
        max-height: 300px;
    }
    section {
        overflow-y: visible;
        height: auto;
    }
    #hero .mt-5 {
        margin-top: 1rem !important;
    }
    #hero .fs-5 {
        font-size: 1.0rem !important;
    }
    .carousel-inner .carousel-item > div {
        display: none;
    }
    .carousel-inner .carousel-item > div:first-child {
        display: block;
    }
}

.carousel-inner .carousel-item-end,
.carousel-inner .carousel-item-start { 
    transform: translateX(0);
}

.min-height {
    min-height: 30rem;
}

.max-width-50-desktop {
    max-width: 50vw;
}

.reveal {
    position: relative;
    transform: translateY(150px);
    opacity: 0;
    transition: 1s all ease;
}

.reveal.active {
    transform: translateY(0);
    opacity: 1;
}

.h-min-100-auto {
    min-height: 100%;
    height: auto;
}

.btn-float-whatsapp {
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 5rem;
    right: 4px;
    text-align: center;
    font-size: 30px;
    z-index: 100;
}

.h-100-on-desktop {
    height: 100%;
}

.figure-pattern-02 {
    background-image: url('img/pattern-02-white.svg');
    background-position-x: center;
    background-position-y: bottom;
    background-repeat: repeat no-repeat;
    background-size: 20%;
}

.figure-pattern-02-green {
    background-image: url('img/pattern-02-green.svg');
    background-position-x: center;
    background-position-y: bottom;
    background-repeat: repeat no-repeat;
    background-size: 20%;
}

#geolocalizacao {
    background-image: url('../image/mapa-localizacao.png');
    background-size: contain;
    background-repeat: no-repeat;
    border: 0;
}

.card-img img {
    min-height: 171px;
}