@font-face {
    font-family: 'Poppins';
    src: url('font/Poppins-Light.woff2') format('woff2'),
         url('font/Poppins-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('font/Poppins-Medium.woff2') format('woff2'),
         url('font/Poppins-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('font/Poppins-Regular.woff2') format('woff2'),
        url('font/Poppins-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

:root {
    /*PALETA DE CORES*/
    --cor-verde-oliva: #18280D;
    --cor-bege: #E9E3CE;
    --cor-branco: #FFFFFF;
    --cor-preto: #000000;
}


html, body{
    font-family: "Poppins", sans-serif;
    font-weight: 300;
    font-style: normal;
    font-size: 1rem;
}

/*CABEÇALHO*/
.navbar {
    background: var(--cor-bege);
    margin: 0;
}

/*LINKS NAV*/
.nav-link {
    --bs-nav-link-color: var(--cor-verde-oliva);
    --bs-nav-link-hover-color: var(--cor-preto);
    --bs-nav-link-active-color: var(--cor-preto);
}

/*BOTÃO PRIMARIO*/
.btn-primary {
    --bs-btn-color: var(--cor-bege);
    --bs-btn-bg: var(--cor-verde-oliva);
    --bs-btn-border-color: var(--cor-verde-oliva);
    --bs-btn-hover-color: var(--cor-bege);
    --bs-btn-hover-bg: var(--cor-preto);
    --bs-btn-hover-border-color: var(--cor-preto);
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: var(--cor-bege);
    --bs-btn-active-bg: var(--cor-preto);
    --bs-btn-active-border-color: var(--cor-preto);
    --bs-btn-active-shadow: inset 0 3px 5px var(--cor-preto);
    --bs-btn-disabled-color: var(--cor-bege);
    --bs-btn-disabled-bg: var(--cor-verde-oliva);
    --bs-btn-disabled-border-color: var(--cor-verde-oliva);
    border: 0;
    border-radius: 0;
}

.btn-outline-primary {
    --bs-btn-color: var(--cor-verde-oliva);
    --bs-btn-bg: var(--cor-bege);
    --bs-btn-border-color: var(--cor-verde-oliva);
    --bs-btn-hover-color: var(--cor-preto);
    --bs-btn-hover-bg: var(--cor-bege);
    --bs-btn-hover-border-color: var(--cor-verde-oliva);
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: var(--cor-verde-oliva);
    --bs-btn-active-bg: var(--cor-bege);
    --bs-btn-active-border-color: var(--cor-preto);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--cor-verde-oliva);
    --bs-btn-disabled-bg: var(--cor-bege);
    --bs-btn-disabled-border-color: var(--cor-preto);
    border-radius: 0;
}

.botao-agendar {
    font-weight: 200;
}

    .botao-agendar > b {
        font-weight: 700;
    }

/*DESABILITAR LINK*/
.desabilitar-link{
    pointer-events: none;
    color: rgb(173, 173, 173);
}

/*MENU OCULTO*/
.navbar-toggler {
    border: 0;
}

.navbar-toggler:focus {
    border: 0;
    box-shadow: 0 0 0 0;
}

/*BANNER PRINCIPAL*/
.banner {
    background-color: var(--cor-bege);
    margin: 0;
}

/*MODAL*/
.modal-body {
    margin: 0;
    padding: 0;
}

/*TÍTULOS*/
.h1, .h2, .h3, .h4, .h5, .h6 {
    color: var(--cor-verde-oliva);
    font-weight: 300;
}

.h1 > b, .h2 > b, .h3 > b, .h4 > b, .h5 > b, .h6 > b {
    font-weight: 700;
}

/*CORES FUNDO*/
.fundo-bege{
    background-color: var(--cor-bege);
}

.card-especialista, .card-exame, .card-procedimento {
    background-color: var(--cor-bege);
    border-radius: 0;
}

.imagem-especialista, .imagem-exame, .imagem-procedimentos{
    width: 100%;
    height: 100%;
    aspect-ratio: 1/1;
    object-fit: cover;
}

.icones-redes-sociais-especialistas .nav-link {
    padding: 10px;
    cursor: pointer;
}

/*AVALIAÇÃO PACIENTE*/
.avaliacoes-paciente-box {
    height: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.avaliacoes-paciente-estrela {
    color: var(--cor-verde-oliva);
}

.avaliacoes-paciente-imagem {
    width: 100px;
    height: 100px;
}

.carousel-control-prev, .carousel-control-next{
    color: var(--cor-verde-oliva);
    position: initial;
    display: inline;
}

.carousel-control-prev:hover, .carousel-control-next:hover{
    color: var(--cor-verde-oliva);
}

.nosso-espaco-imagem-thumbnail{
    cursor: pointer;
    width: 100%;
    aspect-ratio: 16/9;
    object-fit: cover;
}

/*LISTA*/
.list-group {
    list-style-type: none;
}

/*RODAPÉ*/
#footer {
    background-color: var(--cor-bege);
}

    footer .navbar-nav .nav-link {
        padding: 0.1rem 0rem;
    }

    #footer-info-final {
        background-color: var(--cor-verde-oliva);
        color: var(--cor-bege);
        text-align: center;
    }