/* Home (revisão de 2026-11-04): dois espaços, vantagens, vitrine "Descubra" em abas e "Pessoas e conexões".
   Arquivo separado do publico.css de propósito: os ajustes do publico.css continuam valendo e não são tocados aqui. */

/* ---- Dois espaços ---- */

.espacos__grade {
    display: grid;
    gap: 20px;
}

@media (min-width: 760px) {
    .espacos__grade {
        grid-template-columns: 1fr 1fr;
    }
}

.espaco {
    position: relative;
    display: grid;
    gap: 10px;
    align-content: start;
    padding: 36px 32px 32px;
    border-radius: 20px;
    overflow: hidden;
    color: inherit;
    text-decoration: none;
    transition: transform var(--transicao, .2s), box-shadow var(--transicao, .2s);
}

.espaco:hover,
.espaco:focus-visible {
    transform: translateY(-4px);
    box-shadow: var(--sombra-media);
    color: inherit;
}

/* Um brilho da marca no canto: a estrela do universo. */
.espaco::after {
    content: "";
    position: absolute;
    right: -60px;
    top: -60px;
    width: 200px;
    height: 200px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(243, 189, 72, .35), rgba(243, 189, 72, 0) 70%);
    pointer-events: none;
}

.espaco--autor {
    background: linear-gradient(140deg, var(--cor-grafite, #21213A), #3a2f6e);
    color: #fff;
}

.espaco--autor:hover,
.espaco--autor:focus-visible {
    color: #fff;
}

.espaco--leitor {
    background: linear-gradient(140deg, var(--cor-lilas, #E9E2FC), #fff);
    border: 1px solid var(--cor-lavanda, #C6B6F0);
}

.espaco__icone {
    display: grid;
    place-items: center;
    width: 54px;
    height: 54px;
    border-radius: 50%;
    font-size: 1.5rem;
    background: rgba(255, 255, 255, .12);
    color: var(--cor-dourado, #F3BD48);
}

.espaco--leitor .espaco__icone {
    background: #fff;
    color: var(--cor-azul, #6952B8);
}

.espaco__rotulo {
    font-size: .8rem;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--cor-dourado, #F3BD48);
}

.espaco--leitor .espaco__rotulo {
    color: var(--cor-azul, #6952B8);
}

.espaco__titulo {
    margin: 0;
    font-size: clamp(1.5rem, 3vw, 1.9rem);
    color: inherit;
}

.espaco__texto {
    margin: 0;
    max-width: 44ch;
    font-size: 1.05rem;
    opacity: .88;
}

.espaco__link {
    margin-top: 8px;
    font-weight: 600;
    color: var(--cor-dourado-claro, #FFE08A);
}

.espaco--leitor .espaco__link {
    color: var(--cor-azul, #6952B8);
}

/* ---- Vantagens: pequenos quadros ---- */

.vantagens__titulo {
    margin: 44px 0 18px;
    text-align: center;
    font-size: 1.25rem;
}

.vantagens {
    display: grid;
    gap: 16px;
    margin: 0;
    padding: 0;
    list-style: none;
}

@media (min-width: 760px) {
    .vantagens {
        grid-template-columns: repeat(3, 1fr);
    }
}

.vantagem {
    display: grid;
    gap: 8px;
    align-content: start;
    padding: 22px 22px 24px;
    border: 1px solid var(--cor-linha, #e8e3ef);
    border-top: 3px solid var(--cor-dourado, #F3BD48);
    border-radius: 14px;
    background: #fff;
}

.vantagem__icone {
    display: grid;
    place-items: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: var(--cor-lilas, #E9E2FC);
    color: var(--cor-azul, #6952B8);
}

.vantagem__nome {
    font-family: var(--fonte-titulo, Lora, serif);
    font-size: 1.1rem;
}

.vantagem__texto {
    color: var(--cor-texto-suave);
}

/* ---- Descubra: uma vitrine em abas ---- */

.descubra__abas .abas-pagina__lista {
    margin-bottom: 20px;
}

.descubra__todos {
    margin: 14px 0 0;
    text-align: right;
}

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

/* ---- Pessoas e conexões ---- */

.pessoas__grupos {
    display: grid;
    gap: 28px;
}

@media (min-width: 960px) {
    .pessoas__grupos {
        grid-template-columns: 1fr 1fr;
    }

    .pessoas__lista {
        grid-template-columns: 1fr 1fr;
    }
}

.pessoas__titulo {
    margin: 0 0 12px;
    font-size: 1.15rem;
}

.pessoas__todos {
    display: inline-block;
    margin-top: 12px;
    font-weight: 600;
    text-decoration: none;
}

.pessoas__rodape {
    margin: 28px 0 0;
    text-align: center;
    color: var(--cor-texto-suave);
}

/* ---- Convite final: dois botões ---- */

.chamada-final__botoes {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px;
}

/* ---- Autor da semana: cartão compacto (v0.67) ---- */

.semana__cartao {
    display: grid;
    gap: 24px 28px;
    align-items: center;
    padding: 28px 32px;
    border: 1px solid var(--cor-linha, #e8e3ef);
    border-radius: 22px;
    background: #fff;
    box-shadow: 0 20px 40px -28px rgba(33, 33, 58, .35);
}

@media (min-width: 860px) {
    .semana__cartao {
        grid-template-columns: auto minmax(0, 1fr) auto;
    }
}

.semana__foto {
    display: grid;
    place-items: center;
    width: 96px;
    height: 96px;
    overflow: hidden;
    border: 3px solid var(--cor-lilas, #E9E2FC);
    border-radius: 50%;
    background: var(--cor-creme, #fbf9f5);
    color: var(--cor-azul, #6952B8);
    font: 700 2.2rem var(--fonte-titulo);
    text-decoration: none;
}

.semana__foto img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    padding: 6px;
}

.semana__rotulo {
    margin: 0;
    color: var(--cor-azul, #6952B8);
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.semana__nome {
    margin: 4px 0;
    font-size: 1.7rem;
}

.semana__nome a {
    color: inherit;
    text-decoration: none;
}

.semana__chamada {
    margin: 0 0 14px;
    color: var(--cor-texto-suave);
}

.semana__acoes {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}

.semana__capas {
    display: flex;
    gap: 10px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.semana__capas li {
    width: 74px;
}

.semana__capas .capa,
.semana__capas img {
    width: 100%;
    aspect-ratio: 2 / 3;
    object-fit: cover;
    border-radius: 4px;
    box-shadow: 0 10px 20px -10px rgba(0, 0, 0, .45);
}

@media (max-width: 600px) {
    .semana__cartao {
        padding: 22px;
    }

    .semana__capas li {
        width: 60px;
    }
}

.semana__convite {
    margin: 14px 0 0;
    text-align: center;
    color: var(--cor-texto-suave);
    font-size: .9rem;
}