/* IMPORTANDO ARQUIVOS CSS */
@import url('../css/bootstrap.css');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@200;300;400&display=swap');

* {
    font-family: 'Montserrat', sans-serif;
}
a:hover {
    text-decoration: none;
}
:root {
    --bg-one: #a72828;
    --bg-btn: #28a795;
    --bg-hover: #1f7e71;
}
/* ESTILOS GLOBAIS */
.social-menu-wrapper,
.scm-brand-area {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* ESTILOS ESPECÍFICOS */
.social-menu-wrapper {
    background-color: var(--bg-one);
    min-height: 100vh;
    max-width: 100vw;
    padding: 3rem 0;
}
.scm-brand-area img {
    background-color: #fff;
    padding: 0.5rem;
    height: auto;
    width: 55%;
    max-width: 100%;
}
.scm-content-area {
    margin-top: 3rem;
    margin-bottom: 3rem;
}
.scm-info-area {
    text-align: center;
}
.scm-info-area p {
    margin: 0;
    color: #fff;
}
.scm-mini-footer {

}
.scm-mini-footer p {
    margin: 0;
    color: #fff;
}


/* BTN CONFIGURAÇÕES */
.btn-primary {
    color: #fff;
    background-color: var(--bg-btn);
    border-color: var(--bg-btn);
}
.btn-primary:hover {
    color: #fff;
    background-color: var(--bg-hover);
    border-color: var(--bg-hover);
}
.btn-primary:focus, .btn-primary.focus {
    color: #fff;
    background-color: var(--bg-hover);
    border-color: var(--bg-hover);
    box-shadow: none !important;
}
.btn-primary.disabled, .btn-primary:disabled {
    color: #fff;
    background-color: var(--bg-btn);
    border-color: var(--bg-btn);
}
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: var(--bg-hover);
    border-color: var(--bg-hover);
}
.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
    box-shadow: none !important;
}