@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-charcoal: #333333;
    --cor-branco: #ffffff;
    --cor-ouro: #d4aa00;
    --cor-ouro-claro: #d4aa00b6;
}

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

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

/*LINKS NAV*/
.nav-link {
    --bs-nav-link-color: var(--cor-branco);
    --bs-nav-link-hover-color: var(--cor-ouro);
    --bs-nav-link-active-color: var(--cor-branco);
    --bs-navbar-active-color: var(--cor-ouro);
}

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

.btn-outline-primary {
    --bs-btn-color: var(--cor-branco);
    --bs-btn-bg: var(--cor-charcoal);
    --bs-btn-border-color: var(--cor-ouro);
    --bs-btn-hover-color: var(--cor-charcoal);
    --bs-btn-hover-bg: var(--cor-ouro);
    --bs-btn-hover-border-color: var(--cor-charcoal);
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: var(--cor-charcoal);
    --bs-btn-active-bg: var(--cor-branco);
    --bs-btn-active-border-color: var(--cor-charcoal);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--cor-branco);
    --bs-btn-disabled-bg: var(--cor-charcoal);
    --bs-btn-disabled-border-color: var(--cor-charcoal);
    border-radius: 0 .8rem;
}

.botao-orcamento {
    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;
    color: var(--cor-ouro);
}

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

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

    .fa-rocket {
        animation: 1.5s imagemFoguete infinite linear;
    }

    @keyframes imagemFoguete {
        0% {
            color: var(--cor-ouro-claro);
            transform: scale(.8);
        }
        50% {
            color: var(--cor-ouro);
            transform: scale(.9);
        }
        100% {
            color: var(--cor-ouro-claro);
            transform: scale(.8);
        }
    }

    

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

/*TÍTULOS*/
.h1, .h2, .h3, .h4, .h5, .h6 {
    font-weight: 300;
}

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

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

.fundo-ouro{
    background-color: var(--cor-ouro);
}

.fonte-cor-charcoal{
    color: var(--cor-charcoal);
}

.fonte-cor-branco{
    color: var(--cor-branco);
}

.fonte-cor-ouro{
    color: var(--cor-ouro);
}

.card-especialista, .card-exame, .card-procedimento {
    background-color: var(--cor-charcoal);
    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;
}

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

/*SLIDE CLIENTE*/
.logo {
    overflow: hidden;
    white-space: nowrap;
}

    @keyframes slide {
        from {
            transform: translateX(0%);
        }
        to {
            transform: translateX(-100%);
        }
    }

    .logos-slide {
        display: inline-block;
        animation: 15s slide infinite linear;
    }

    .logos-slide img {
        width: 200px;
        height: 150px;
        margin: 0 20px;;
    }



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

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

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