/* Confraternização de fim de ano 2026 — cores e fontes das artes de divulgação */
.confra {
    --confra-fundo: #ebe7e6;
    --confra-marrom: #3b2400;
    --confra-texto: #343127;
    --confra-dourado: #9a6c1e;
    --confra-ouro: linear-gradient(90deg, #b8863a, #dbae5f 50%, #fbd787);
    --confra-vermelho: #cf1919;
    --confra-caramelo: #896733;
    --confra-marinho: #040934;
    background: var(--confra-fundo);
    color: var(--confra-texto);
    font-family: "Open Sans", var(--sans);
    overflow: hidden;
}

.confra__secao { position: relative; padding: clamp(3rem, 8vw, 5.5rem) 0; }
.confra__secao + .confra__secao::before { content: ""; position: absolute; top: 0; left: 50%; translate: -50% 0; width: min(560px, 80%); height: 2px; background: var(--confra-ouro); opacity: .6; }
.confra__secao--fundo { background: url("fundo.webp") center bottom / 100% auto no-repeat; padding-bottom: clamp(8rem, 30vw, 16rem); }
.confra__conteudo { position: relative; z-index: 1; width: min(720px, 100% - 2rem); margin-inline: auto; text-align: center; }
.confra p { margin: 0 0 1rem; }
.confra h1, .confra h2 { margin: 0; font: inherit; color: inherit; }
.confra img { margin-inline: auto; height: auto; }

/* Convite */
.confra__logo { width: clamp(72px, 14vw, 110px); border-radius: 50%; margin-bottom: 1.2rem; }
.confra__anfitriao { font-weight: 700; font-size: clamp(1.15rem, 3.4vw, 1.75rem); line-height: 1.35; color: var(--confra-dourado); }
.confra__convida { width: clamp(150px, 34vw, 245px); margin-top: .5rem; }
.confra__titulo { display: block; margin-top: 1.2rem; }
.confra__titulo img { display: block; }
.confra__confraternizacao { width: 100%; margin-top: clamp(1.2rem, 4vw, 2.2rem); }
.confra__fim-de-ano { width: 84%; margin-top: clamp(.8rem, 3vw, 1.8rem); }

.confra .confra__pilula { display: block; width: fit-content; max-width: 100%; margin: 0 auto 1.5rem; padding: .45rem 1.6rem; border: 3px solid transparent; border-radius: 999px;
    background: linear-gradient(var(--confra-fundo), var(--confra-fundo)) padding-box, var(--confra-ouro) border-box; }
.confra__festividade { width: 100%; font-family: Poppins, var(--sans); font-size: clamp(.95rem, 3vw, 1.6rem); letter-spacing: .6em; text-transform: uppercase; color: #000; padding-left: 2.2rem; }
.confra__pilula--destaque { font-weight: 700; font-size: clamp(1.05rem, 3.2vw, 1.7rem); color: var(--confra-texto); }

.confra__data { display: inline-block; margin: 2rem 0 1.4rem !important; padding: .5rem 1.6rem; border-radius: 18px; background: var(--confra-vermelho); color: #fff;
    font-family: Poppins, var(--sans); font-weight: 700; font-size: clamp(1.1rem, 3.6vw, 1.9rem); line-height: 1.3; }
.confra__local { font-weight: 700; font-size: clamp(1rem, 2.8vw, 1.45rem); }

.confra__seta { display: block; width: 80px; height: 42px; margin: 1.5rem 0 0 auto; transition: transform .2s;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 82 55'%3E%3Cpath fill='%239a6c1e' d='M6 0 0 6l22 21.5L0 49l6 6 27.5-27.5zM30 0l-6 6 22 21.5L24 49l6 6 27.5-27.5zM54 0l-6 6 22 21.5L48 49l6 6 27.5-27.5z'/%3E%3C/svg%3E") center / contain no-repeat; }
.confra__seta:hover { transform: translateX(6px); }

/* Títulos manuscritos */
.confra__cabecalho { margin-bottom: 2.2rem !important; }
.confra__cabecalho img { width: min(100%, 560px); }
.confra__cabecalho--linhas { position: relative; }
.confra__cabecalho--linhas::before, .confra__cabecalho--linhas::after { content: ""; position: absolute; top: 72%; width: 50vw; height: 3px; border-radius: 3px; background: #c6a36c; }
.confra__cabecalho--linhas::before { right: calc(50% + 150px); }
.confra__cabecalho--linhas::after { left: calc(50% + 120px); }
.confra__cabecalho--linhas img { width: min(80%, 375px); }

/* Programação */
.confra__programa { list-style: none; margin: 0 auto; padding: 0; width: fit-content; text-align: left; font-size: clamp(1.15rem, 3.4vw, 1.75rem); line-height: 1.3; }
.confra__programa li { position: relative; padding: 0 0 1.6rem 3rem; }
.confra__programa li::before { content: ""; position: absolute; left: 0; top: .2em; width: 1.05rem; height: 1.05rem; border-radius: 50%;
    background: #4e3823 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23fff' stroke-width='2.4' d='m4 8.3 2.7 2.6L12 5.6'/%3E%3C/svg%3E") center / 75% no-repeat; }
.confra__programa li:not(:last-child)::after { content: ""; position: absolute; left: calc(.525rem - 1px); top: calc(.2em + 1.05rem); bottom: .25rem; width: 2px; background: #4e3823; }
.confra__programa time { display: block; font-weight: 700; }

.confra__enfeite { position: absolute; pointer-events: none; }
.confra__enfeite--mascaras { right: max(-30px, calc(50% - 560px)); top: 30%; width: clamp(110px, 20vw, 220px); }
.confra__enfeite--notas { left: max(-40px, calc(50% - 600px)); bottom: 8%; width: clamp(110px, 18vw, 220px); opacity: .18; }
.confra__enfeite--diploma { right: max(-50px, calc(50% - 580px)); top: 6%; width: clamp(140px, 24vw, 260px); opacity: .16; }

/* Diplomas */
.confra__turmas { display: grid; grid-template-columns: auto auto; justify-content: center; gap: 0 3.5rem; margin-top: 2.2rem; text-align: left; font-weight: 700; font-size: clamp(1.05rem, 3vw, 1.6rem); line-height: 1.3; }
.confra__turmas ul { list-style: none; margin: 0; padding: 0; }
.confra__turmas li { position: relative; padding: 0 0 1.8rem 2.2rem; max-width: 15em; }
.confra__turmas li::before { content: ""; position: absolute; left: 0; top: .3em; width: .85rem; height: .85rem; border: 3px solid #000; border-radius: 50%; box-sizing: border-box; background: var(--confra-fundo); z-index: 1; }
.confra__turmas li:not(:last-child)::after { content: ""; position: absolute; left: calc(.425rem - 1.5px); top: .5em; bottom: -.3em; width: 3px; background: #000; }
@media (max-width: 560px) {
    .confra__turmas { grid-template-columns: 1fr; width: fit-content; margin-inline: auto; }
    .confra__turmas ul:first-child li:last-child::after { content: ""; }
}

/* Participe */
.confra__venha { width: min(90%, 500px) !important; }
.confra__aberto { font-weight: 700; font-size: clamp(1.15rem, 3.4vw, 1.75rem); text-transform: uppercase; margin-bottom: .4rem !important; }
.confra__traga { display: inline-block; padding: .35rem 1.2rem; border-radius: 12px; background: var(--confra-caramelo); color: #fff; font-size: clamp(1.05rem, 3.2vw, 1.75rem); }
.confra__acoes { display: flex; flex-wrap: wrap; justify-content: center; gap: .6rem; margin: 2rem 0; }
.confra__botao { padding: .75rem 1.4rem; border-radius: 999px; background: var(--confra-marrom); color: #fff; font-weight: 700; text-decoration: none; transition: transform .15s, background .15s; }
.confra__botao:hover { background: var(--confra-dourado); transform: translateY(-2px); }
.confra__botao--contorno { background: transparent; color: var(--confra-marrom); box-shadow: inset 0 0 0 2px var(--confra-dourado); }
.confra__botao--contorno:hover { color: #fff; }
.confra__assinatura { font-weight: 700; color: var(--confra-marinho); font-size: clamp(.95rem, 2.6vw, 1.3rem); }
@media (max-width: 700px) {
    .confra__enfeite--mascaras { top: 18%; opacity: .25; }
}