/* ajustando modal de informações fundamentais */

.box_contorno_headerprincipal {
    display: block;
    background-color: var(--cor_branca);
    width: 35vw;
    margin: 30vh auto auto auto;
    border-radius: 0.6vw;
    position:relative;
}

.box_header_headerprincipal {
    display: flex;
    align-items: center;
    flex-grow: 1;
    height: 7vh;
    border-bottom: 0.01vw solid var(--cor_cinza_clara);
    box-sizing: border-box;
    margin: 0;
}

    .box_header_headerprincipal p {
        flex-grow: 1;
        text-align: center;
        font-size: 1.25em;
        font-weight: 900;
        font-family: var(--font-family-montserrat);
        color: var(--cor_cinza_escura);
        margin: 0;
    }

    .box_header_headerprincipal i {
        display: block;
        font-size: 1.1em;
        padding-right: 1.5vw;
        margin-top: 0.8vw;
    }

.btn_fechar_headerprincipal {
    position:absolute;
    top:0;
    right:0;
    text-decoration: none;
    cursor: pointer;
}
.btn_fechar_headerprincipal i{
    font-size: 1.3em;
}

/* ajustando o card dentro da modal */
.box_cards_headerprincipal {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.5vw;
    margin-top: 0.5vw;
}
.card_headerprincipal{
    position:relative;
}
.card_headerprincipal img {
    padding: 0vw;
    width: 34vw;
    height: 20vh;
    border-radius: 0.5vw;
    object-fit: cover;
    box-shadow: 0 0 0.2vw var(--cor_cinza_escura);
}

.frase_card_headerprincipal {
    position: absolute;
    bottom: 0.5vw;
    color: white;
    width: 100%;
}

.frase_linha_card_headerprincipal {
    font-family: var(--font-family-koho);
    color: var(--cor_branca);
    font-size: 1.5em;
    font-weight: bold;
    display: block;
    text-align: left;
    padding-left: 0.5vw;
}

/* ajustando o bloco de card duplo */
.box_card_duplo_headerprincipal {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5vw;
}

.ajuste_card_headerprincipal img {
    width: 16.75vw;
}

.ajuste_ultimo_headerprincipal {
    margin-bottom: 0.5vw;
}

/* Ajuste contorno serviços */
.ajuste_contorno_headerprincipal {
    margin: 18vh auto auto auto;
}

.ajuste_imagem_headerprincipal img {
    background-size: cover;
    background-position: top center; /* Adjust this value to change the cropping behavior */
    background-repeat: no-repeat;
}

/* Propriedade de scroll da tela */
.scroll_seletores {
    max-height: calc(40vh - 2.5vw);
    overflow: hidden;
    overflow-y: auto;
    margin-top: 0.5vw;
}





/* ************************Responsividade******************** */
@media only screen and (max-width: 1024px) {
    .box_contorno_headerprincipal {
        width: 62vw;
        border-radius: 0.7vw;
        margin: 5vh auto auto auto;
    }

    .card_headerprincipal img {
        padding: 0vw;
        width: 60vw;
        height: 25vh;
        border-radius: 0.7vw;
    }

    .ajuste_card_headerprincipal img {
        width: 30vw;
    }

}

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

    .box_contorno_headerprincipal {
        width: 62vw;
        border-radius: 1.5vw;
        margin: 0vh auto auto auto;
    }

    .card_headerprincipal img {
        padding: 0vw;
        width: 60vw;
        height: 30vh;
        border-radius: 0.8vw;
    }

    .ajuste_card_headerprincipal img {
        width: 30vw;
    }

}

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

    .box_contorno_headerprincipal {
        width: 90vw;
        border-radius: 1.5vw;
        margin: 10vh auto auto auto;
    }

    .card_headerprincipal img {
        padding: 0vw;
        width: 86vw;
        height: 20vh;
        border-radius: 1.5vw;
    }

    .ajuste_card_headerprincipal img {
        width: 42.0vw;
        margin-left:1.0vw;
    }
}