.buscar {
    background: #F1F1F1;
    padding: 104px 0 120px;
}


    .buscar .formBox {
        border: 1px solid #C7C7C7;
        border-radius: 100px;
        height: 64px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        background-color: #FFF;
        padding: 0 25px
    }

    .buscar input[type="search"] {
        height: 62px;
        border: none;
        width: 100%;
        font-family: sans-serif;
        color: rgb(88,74,161);
        font-size: 16px;
        border-radius: 40px;
    }


        .buscar input[type="search"]::placeholder {
            font-family: sans-serif;
            color: rgb(88,74,161);
            font-size: 16px;
        }

.mapHero {
    padding: 104px 0 120px;
}

    .mapHero h2 {
        font-family: allerregular;
        color: #584AA1;
        font-size: 28px;
        font-weight: 700;
        margin: 0 0 56px;
    }

    .mapHero .tags a {
        font-family: allerregular;
        text-decoration: none;
        background: #584AA1;
        display: inline-block;
        padding: 8px;
        color: #FFF;
        font-size: 16px;
        border-radius: 4px;
        margin: 5px;
    }

        .mapHero .tags a.active {
            background: #eb6e5a;
            font-weight: bold;
        }

        .mapHero .tags a:first-child {
            margin-left: 0;
        }

.mapHero .mapa{
    margin-top:32px;
    height:480px;
    border:1px solid #C7C7C7;
    border-radius:4px;
    background: url('/Content/mapa-interno/assets/mapa-fake.png') center center;
    background-size:cover
}

.locais {
    padding: 0 0 120px;
}

    .locais .cards {
        margin: 0;
        padding: 0;
        display: flex;
        list-style: none;
        justify-content: flex-start;
        align-content: baseline;
        gap: 16px;
        width: 100%;
        flex-basis: 100%;
        flex-wrap: wrap;
        flex-grow: 3;
    }

        .locais .cards li {
            max-width: 350px;
            border: 1px solid #C7C7C7;
            border-radius: 4px;
            padding: 18px;
            font-family: allerregular;
        }

        .locais .cards li h3{
            font-size:18px;
            color:rgb(88,74,161);
            margin:0 0 16px;
        }

            .locais .cards li h4 {
                font-size: 14px;
                color: #808080;
                margin: 0 0 16px;
            }

        .locais .cards li p{
            color:#000000;
            margin:0 0 16px;
            padding:0;
            line-height:24px;
        }

        .locais .cards li a{
            color: #ff6a00;
            font-size:16px;
            font-weight:bold;
        }

#search header{
    margin:2rem 0;
    color:#000000;
}

    #search header p {
        color: #000000;
    }

#detail{
    padding:5rem 0;
    clear:both;
    float:left;
    width:100%;
}

    #detail h2 {
        font-family: allerregular;
        font-weight: bold;
        color: rgb(88,74,161);
        text-align: left;
        font-size: 2rem;
        margin: 0;
        padding: 0;
    }
    #detail h3 {
        font-size: 1.5rem;
        font-family: allerregular;
        font-weight: bold;
        color: #808080;
        text-align: left;
        margin: 0 0 2rem;
    }

    #detail pre {
        font-family: allerregular;
        font-weight: normal;
        max-width: 567px;
        white-space: pre-line;
        line-height: 1.5rem;
        color:#000000;
    }

.btn_voltar {
    color: #808080;
    padding: 15px 0;
    font-size: 0.875rem;
    font-family: allerregular, sans-serif;
    margin: 0 0 25px;
    display: block;
    font-weight: 500;
}