@import url(./reset.css);

.wppBtn {
    /* display: none; */
    position: fixed;
    bottom: 20px;
    right: 8px;
    width: 40px;
    height: 40px;
    z-index: 999;
    max-width: 60px;
    max-height: 60px;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDUxMiA1MTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iNTEycHgiIGhlaWdodD0iNTEycHgiPgo8cGF0aCBzdHlsZT0iZmlsbDojNENBRjUwOyIgZD0iTTI1Ni4wNjQsMGgtMC4xMjhsMCwwQzExNC43ODQsMCwwLDExNC44MTYsMCwyNTZjMCw1NiwxOC4wNDgsMTA3LjkwNCw0OC43MzYsMTUwLjA0OGwtMzEuOTA0LDk1LjEwNCAgbDk4LjQtMzEuNDU2QzE1NS43MTIsNDk2LjUxMiwyMDQsNTEyLDI1Ni4wNjQsNTEyQzM5Ny4yMTYsNTEyLDUxMiwzOTcuMTUyLDUxMiwyNTZTMzk3LjIxNiwwLDI1Ni4wNjQsMHoiLz4KPHBhdGggc3R5bGU9ImZpbGw6I0ZBRkFGQTsiIGQ9Ik00MDUuMDI0LDM2MS41MDRjLTYuMTc2LDE3LjQ0LTMwLjY4OCwzMS45MDQtNTAuMjQsMzYuMTI4Yy0xMy4zNzYsMi44NDgtMzAuODQ4LDUuMTItODkuNjY0LTE5LjI2NCAgQzE4OS44ODgsMzQ3LjIsMTQxLjQ0LDI3MC43NTIsMTM3LjY2NCwyNjUuNzkyYy0zLjYxNi00Ljk2LTMwLjQtNDAuNDgtMzAuNC03Ny4yMTZzMTguNjU2LTU0LjYyNCwyNi4xNzYtNjIuMzA0ICBjNi4xNzYtNi4zMDQsMTYuMzg0LTkuMTg0LDI2LjE3Ni05LjE4NGMzLjE2OCwwLDYuMDE2LDAuMTYsOC41NzYsMC4yODhjNy41MiwwLjMyLDExLjI5NiwwLjc2OCwxNi4yNTYsMTIuNjQgIGM2LjE3NiwxNC44OCwyMS4yMTYsNTEuNjE2LDIzLjAwOCw1NS4zOTJjMS44MjQsMy43NzYsMy42NDgsOC44OTYsMS4wODgsMTMuODU2Yy0yLjQsNS4xMi00LjUxMiw3LjM5Mi04LjI4OCwxMS43NDQgIGMtMy43NzYsNC4zNTItNy4zNiw3LjY4LTExLjEzNiwxMi4zNTJjLTMuNDU2LDQuMDY0LTcuMzYsOC40MTYtMy4wMDgsMTUuOTM2YzQuMzUyLDcuMzYsMTkuMzkyLDMxLjkwNCw0MS41MzYsNTEuNjE2ICBjMjguNTc2LDI1LjQ0LDUxLjc0NCwzMy41NjgsNjAuMDMyLDM3LjAyNGM2LjE3NiwyLjU2LDEzLjUzNiwxLjk1MiwxOC4wNDgtMi44NDhjNS43MjgtNi4xNzYsMTIuOC0xNi40MTYsMjAtMjYuNDk2ICBjNS4xMi03LjIzMiwxMS41ODQtOC4xMjgsMTguMzY4LTUuNTY4YzYuOTEyLDIuNCw0My40ODgsMjAuNDgsNTEuMDA4LDI0LjIyNGM3LjUyLDMuNzc2LDEyLjQ4LDUuNTY4LDE0LjMwNCw4LjczNiAgQzQxMS4yLDMyOS4xNTIsNDExLjIsMzQ0LjAzMiw0MDUuMDI0LDM2MS41MDR6Ii8+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=);
}

/* pulse */
.pulse {
    position: fixed;
}

.pulse:after {
    content: "";
    display: block;
    width: 47px;
    height: 50px;
    border-radius: 40px;
    border: 3px solid #4caf50;
    position: absolute;
    top: -5px;
    left: -3px;
    animation: pulse 2s ease 0s infinite;
}

@media screen and (min-width: 768px) {
    .wppBtn {
        width: 60px;
        height: 60px;
        right: 20px;
    }

    .pulse:after {
        width: 65px;
        height: 65px;
        top: -3px;
        left: -3px;
    }
}

@keyframes pulse {
    0% {
        opacity: 1;
        transform: scale(1);
    }

    80% {
        opacity: 0;
        transform: scale(1.2);
    }

    100% {
        opacity: 0;
        transform: scale(2);
    }
}

/*Botao to top*/
.to-top {
    position: fixed;
    right: 0.5rem;
    bottom: 5rem;
    text-align: center;
    color: white;
    font-weight: bold;
    padding: 0.5rem 1rem;
    border-radius: 50%;
    width: 2.5rem;
    height: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    animation: bounce 2s infinite;
    cursor: pointer;
}

.bg-blue-500 {
    background-color: #3b82f6;
}

.hover\:bg-blue-700:hover {
    background-color: #1d4ed8;
}

@media screen and (min-width: 768px) {
    .to-top {
        width: 3rem;
        height: 3rem;
        bottom: 7rem;
        right: 1.8rem;
    }
}

.scroll-horizontal {
    overflow-x: scroll;
    white-space: nowrap;
}

.scroll-horizontal::-webkit-scrollbar {
    height: 12px;
    /* Altura da barra de rolagem horizontal */
}

.scroll-horizontal::-webkit-scrollbar-track {
    background: grey;
    /* Cor do track (fundo da rolagem) */
}

.scroll-horizontal::-webkit-scrollbar-thumb {
    background: white;
    border-radius: 6px;
    margin-left: 1rem;
}

@media screen and (min-width: 880px) {
    .grid-imagens {
        grid-template-columns: repeat(3, 1fr);
        /* 3 colunas */
        gap: 10px;
        /* Espaçamento entre as imagens */
        width: 90%;
        max-width: 1400px;
        margin: 0 auto;
    }

    .grid-item {
        position: relative;
    }

    .grid-item img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .grid-item:nth-child(1) {
        grid-column: span 2;
        /* Ocupa 2 colunas */
        grid-row: span 2;
        /* Ocupa 2 linhas */
    }

    .grid-item:nth-child(4) {
        grid-column: span 2;
        /* Ocupa 2 colunas */
        grid-row: span 2;
        /* Ocupa 2 linhas */
    }
}

@media screen and (min-width: 1024px) {
    .mapa {
        max-width: 800px;
        height: 500px;
    }
}