.contato {
    padding: 60px 10px;
}

.contato > h3 {
    display: flex;
    gap: 15px;
    max-width: fit-content;
    margin-left: auto;
    margin-right: auto;
    align-items: center;
    color: #D9B761;
    text-align: center;
    font-size: 1.6rem;
    font-family: Gritlen;
    font-style: normal;
    font-weight: 300;
    margin-bottom: 40px;
}
#contato-detail {
    position: absolute;
    z-index: -1;
}
.contato-items {
    display: grid;
    gap: 20px;
}
.contato-items > div h4 {
    color: #D9B761;
    font-size: 1.6rem;
    font-family: Gritlen;
}
.contato-items > div > h6 {
    color: #D9B761;
    font-size: 1.2rem;
    font-family: Gritlen;
}
.contato-items > div > p {
    font-weight: 300;
}
.contato-items > div > p > span {
    font-weight: 600;
}

.contato-items > div > a {
    display: flex;
    gap: 10px;
    color: #D9B761;
    max-width: fit-content;
}

.contato-items > div > a:hover {
    text-shadow: 0px 0px 8px;
}
.contato-items > div > a + a {
    margin-top: 15px;
}

.mapouter {
    height: 400px;
    width: 100%;
    max-width: fit-content;
}
.mapouter iframe {
    width: 400px;
    height: 100%;
    box-shadow: 0px 0px 0px 2px #D9B761;
}