:root {
    --maratona-verde: #00590e;
    --maratona-verde-claro: #0b7a1f;
    --maratona-link: #26191a;
    --maratona-largura: 955px;

    --bs-body-font-family: "DM Sans", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
    --bs-body-color: #212529;
    --bs-link-color: var(--maratona-link);
    --bs-link-color-rgb: 38, 25, 26;
    --bs-link-hover-color: var(--maratona-verde);
    --bs-link-hover-color-rgb: 0, 89, 14;
}

@media (min-width: 768px) {
    .navbar-expand-md .navbar-collapse {
        justify-content: center;
    }
}

body {
    overflow-wrap: break-word;
}

p{
    text-align: justify;
}


a {
    font-weight: 600;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

/* Conteúdo centralizado, com largura máxima de 900px. */
.container-maratona {
    max-width: var(--maratona-largura);
}

/* ---------- Menu (barra superior em largura total) ---------- */

.menu {
    --bs-navbar-padding-y: 0;
    --bs-navbar-nav-link-padding-x: .9rem;
    --bs-navbar-color: #fff;
    --bs-navbar-hover-color: #fff;
    --bs-navbar-active-color: #fff;
}

.menu .container-maratona {
    padding-left: 0;
    padding-right: 0;
}

.menu .nav-link {
    padding-top: .7rem;
    padding-bottom: .7rem;
    font-size: .875rem;
    font-weight: 600;
    white-space: nowrap;
    text-decoration: none;
    transition: background-color .4s;
}

.menu .nav-link:hover,
.menu .nav-link:focus-visible,
.menu .nav-link.destaque {
    background-color: var(--maratona-verde);
}

.menu .nav-link.destaque:hover {
    background-color: var(--maratona-verde-claro);
}

.menu .navbar-toggler {
    margin: .5rem .75rem;
    border-color: rgba(255, 255, 255, .3);
}

/* ---------- Cabeçalho ---------- */

.logo {
    max-width: 760px;
}

/* ---------- Conteúdo ---------- */

.conteudo h2 {
    margin: 2rem 0 .75rem;
    font-size: 1.125rem;
    font-weight: 700;
}

.conteudo blockquote {
    padding-left: 1.5rem;
}

.quadro {
    border: 2px dashed var(--maratona-link);
}

.links-treino li {
    margin-bottom: .6rem;
}

.times > li {
    margin-bottom: 1.25rem;
}

.times > li > strong {
    display: block;
    margin-bottom: .25rem;
}

.integrantes {
    margin-bottom: 0;
    list-style: circle;
}

/* ---------- Rodapé ---------- */

.rodape-titulo {
    margin: 0 0 1.5rem;
    padding-top: 1rem;
    border-top: 1px solid var(--bs-border-color);
    font-size: 1rem;
    font-weight: 700;
}