/* =====================================================================
   OPCOES 11 a 16 - cores do site original, filmes de pessoas em cor natural.
   Carregado depois do opcoes.css e do opcoes-roxo.css.
   11 e 12 seguem as duas referencias enviadas em 09/10/2026.
   ===================================================================== */
.op11 .filme video, .op13 .filme video, .op14 .filme video, .op16 .filme video { filter: none; }
.op13 .filme::before, .op13 .filme::after, .op14 .filme::before, .op14 .filme::after { display: none; }
/* barra de troca com 16 numeros: botoes menores */
.troca a { min-width: 30px; height: 30px; padding: 0 8px; font-size: 12px; }
.troca { gap: 4px; }


/* ============================ OPCAO 11 - MANUSCRITO ============================ */
.op11 { font-family: "Poppins", system-ui, sans-serif; font-size: 16px; background: #fbf7f2; color: #5b4f58; padding-top: 16px; }
.op11 h2, .op11 h3 { font-family: "Poppins", system-ui, sans-serif; font-weight: 600; letter-spacing: -.01em; }
.op11 .botao { border-radius: 8px; font-weight: 500; padding: .85rem 2rem; }
.op11 .saiba { color: var(--marinho-2); font-weight: 600; }

/* a abertura e um cartao: margem em volta, cantos redondos, filme ao fundo */
.op11 .cartaz { position: relative; margin: 0 16px; border-radius: 28px; overflow: hidden; min-height: min(calc(100vh - 32px), 860px); display: flex; flex-direction: column; color: #fff; }
.op11 .cartaz > *:not(.filme) { position: relative; z-index: 3; }
.op11 .cartaz .filme video { filter: saturate(1.15) blur(1.5px); transform: scale(1.03); }
.op11 .cartaz .filme::before { background: linear-gradient(180deg, rgba(36, 10, 32, .5), rgba(75, 20, 68, .38) 45%, rgba(36, 10, 32, .62)); mix-blend-mode: normal; }
.op11 .cartaz .filme::after { display: none; }
.op11 .cartaz .topo { color: #fff; padding-top: 14px; z-index: 20; }
.op11 .cartaz .topo-nav { font-weight: 400; font-size: .95rem; gap: 30px; }
.op11 .cartaz .topo-nav a:not(.botao) { border-bottom: 0; }
.op11 .cartaz .topo-nav a:not(.botao):hover, .op11 .cartaz .topo-nav a.ativo { color: var(--ciano); }
.op11 .cartaz-centro { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 20px 24px 70px; }
.op11 .cartaz-antes { font-size: clamp(1rem, 1.6vw, 1.35rem); font-weight: 300; letter-spacing: .02em; }
.op11 .cartaz h1 { font-family: "Kaushan Script", cursive; font-weight: 400; color: #fff; font-size: clamp(3rem, 8.6vw, 7.8rem); line-height: 1.1; letter-spacing: 0; margin: 4px 0 14px; padding: 0 .12em; text-shadow: 0 6px 30px rgba(36, 10, 32, .45); }
.op11 .cartaz p { font-size: clamp(1.05rem, 1.9vw, 1.6rem); font-weight: 300; max-width: 30ch; line-height: 1.4; }
.op11 .cartaz p b { font-weight: 500; }
.op11 .cartaz .botao { margin-top: 30px; }

.op11 .secao { margin-top: 110px; }
.op11 .secao > h2, .op11 .dupla h2 { font-size: clamp(1.7rem, 2.8vw, 2.3rem); margin-bottom: 30px; }
.op11 .secao > h2::after, .op11 .dupla h2::after { content: ""; display: block; width: 90px; height: 12px; margin-top: 8px; border-bottom: 4px solid var(--ciano); border-radius: 50%; }
.op11 .dupla { display: grid; grid-template-columns: 1fr 1fr; gap: 70px; align-items: center; }
.op11 .grande { font-size: clamp(1.3rem, 2.2vw, 1.8rem); line-height: 1.45; color: var(--marinho-2); font-weight: 300; }
.op11 .grande b { font-weight: 600; }
.op11 .video { border-radius: 24px; box-shadow: 0 30px 60px rgba(75, 20, 68, .18); }
.op11 .video-rotulo { color: var(--roxo-medio); font-weight: 500; }
.op11 .petalas { display: grid; grid-template-columns: repeat(3, 1fr); gap: 26px; }
.op11 .petala { background: #fff; border-radius: 28px; padding: 30px 28px 32px; display: flex; flex-direction: column; box-shadow: 0 16px 40px rgba(75, 20, 68, .07); transition: transform .3s ease, box-shadow .3s ease, opacity .7s ease; }
.op11 .petala.visivel:hover { transform: translateY(-8px); box-shadow: 0 30px 60px rgba(75, 20, 68, .14); }
.op11 .petala img { width: 150px; height: 150px; margin-bottom: 12px; }
.op11 .petala h3 { font-size: 1.2rem; margin-bottom: 10px; }
.op11 .petala p { font-size: .93rem; margin-bottom: 20px; }
.op11 .petala .saiba { margin-top: auto; }
.op11 .faixa-redonda { position: relative; border-radius: 28px; overflow: hidden; color: #f3e9f1; padding: 80px 64px; }
.op11 .faixa-redonda > *:not(.filme) { position: relative; z-index: 3; max-width: 640px; }
.op11 .faixa-redonda .filme::before { background: linear-gradient(90deg, rgba(36, 10, 32, .92), rgba(75, 20, 68, .6) 60%, rgba(75, 20, 68, .2)); mix-blend-mode: normal; }
.op11 .faixa-redonda .filme::after { display: none; }
.op11 .faixa-redonda h2 { color: #fff; font-size: 2.1rem; margin-bottom: 16px; }
.op11 .faixa-redonda p { margin-bottom: 28px; }
.op11 .intro { max-width: 70ch; margin-bottom: 30px; }
.op11 .logos { margin-bottom: 26px; }
.op11 .logo { border-radius: 18px; border-color: #f0e6ee; }
.op11 .socios { display: grid; grid-template-columns: repeat(4, 1fr); gap: 26px; }
.op11 .socio { background: #fff; border-radius: 28px; padding: 30px 18px; display: flex; flex-direction: column; align-items: center; text-align: center; gap: 4px; box-shadow: 0 16px 40px rgba(75, 20, 68, .07); }
.op11 .socio .foto { --f: 128px; margin-bottom: 14px; box-shadow: 0 0 0 5px var(--ciano); }
.op11 .socio strong { color: var(--marinho-2); font-size: 1.05rem; font-weight: 600; }
.op11 .socio small { font-size: .86rem; }
.op11 .rodape { margin: 110px 16px 16px; border-radius: 28px; }
.op11 .rodape-barra { padding-bottom: 70px; }

@media (max-width: 960px) {
    .op11 .dupla, .op11 .petalas { grid-template-columns: 1fr; gap: 30px; }
    .op11 .socios { grid-template-columns: repeat(2, 1fr); gap: 14px; }
    .op11 .secao { margin-top: 70px; }
    .op11 .faixa-redonda { padding: 44px 26px; }
    .op11 .cartaz { margin: 0 8px; min-height: 86vh; }
}


/* ============================== OPCAO 12 - PALCO ============================== */
.op12 { --grafite: #14161c; --grafite-2: #1c1f27; font-family: "Fira Sans", system-ui, sans-serif; background: var(--grafite); color: #a9aebb; font-size: 17px; }
.op12 h1, .op12 h2, .op12 h3 { font-family: "Fira Sans", system-ui, sans-serif; font-weight: 900; color: #f6f7fb; text-transform: uppercase; letter-spacing: -.02em; line-height: .95; }
.op12 h1 em, .op12 h2 em { color: var(--ciano); font-style: italic; }
.op12 .apoio { display: inline-flex; align-items: center; gap: 14px; font-family: "JetBrains Mono", monospace; font-size: .72rem; font-weight: 700; letter-spacing: .22em; text-transform: uppercase; color: var(--ciano); }
.op12 .apoio::before { content: ""; width: 28px; height: 1px; background: var(--ciano); }
.op12 .reto { display: inline-flex; align-items: center; gap: 10px; padding: 14px 26px; border: 2px solid var(--ciano); color: var(--ciano); font-size: .78rem; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; transition: background-color .2s ease, color .2s ease; }
.op12 .reto:hover, .op12 .reto-cheio { background: var(--ciano); color: #14161c; }
.op12 .reto-cheio:hover { background: #ffe680; border-color: #ffe680; }

/* cabecalho: logo no centro, links nas pontas, botao amarelo reto */
.op12 .topo { background: #0f1116; color: #f6f7fb; position: sticky; top: 0; z-index: 60; }
.op12 .topo-linha { min-height: 84px; }
.op12 .topo .marca-img img { height: 56px; margin: 0; }
.op12 .topo-nav { font-size: .7rem; font-weight: 900; letter-spacing: .14em; text-transform: uppercase; gap: 30px; }
.op12 .topo-nav a:not(.botao) { border-bottom: 0; }
.op12 .topo-nav a:not(.botao):hover, .op12 .topo-nav a.ativo { color: var(--ciano); }
.op12 .topo-nav .botao { border-radius: 0; background: var(--ciano); color: #14161c; box-shadow: none; font-size: .7rem; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; padding: 12px 20px; }

.op12 .palco { position: relative; min-height: min(calc(100vh - 84px), 860px); display: flex; align-items: flex-end; overflow: hidden; }
.op12 .palco .filme { background: var(--grafite); }
.op12 .filme video { filter: grayscale(1) contrast(1.1) brightness(.8); }
.op12 .filme::before { background: linear-gradient(90deg, rgba(20, 22, 28, .94) 0%, rgba(20, 22, 28, .7) 45%, rgba(20, 22, 28, .25) 100%); mix-blend-mode: normal; }
.op12 .filme::after { background: linear-gradient(0deg, var(--grafite) 0%, rgba(20, 22, 28, 0) 35%); mix-blend-mode: normal; }
.op12 .palco-texto { position: relative; z-index: 3; padding-top: 80px; padding-bottom: 72px; }
.op12 .palco h1 { font-size: clamp(3.2rem, 9.6vw, 8.6rem); margin: 22px 0 26px; }
.op12 .palco h1 em { display: block; }
.op12 .palco p { max-width: 46ch; font-size: 1.1rem; line-height: 1.6; }
.op12 .palco p b { color: #e7e9f0; font-weight: 600; }
.op12 .acoes { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 34px; }
.op12 .vertical { position: absolute; right: 26px; bottom: 60px; z-index: 3; writing-mode: vertical-rl; transform: rotate(180deg); font-family: "JetBrains Mono", monospace; font-size: .68rem; font-weight: 700; letter-spacing: .4em; text-transform: uppercase; color: var(--ciano); }

.op12 .secao { padding-top: 110px; }
.op12 .secao h2 { font-size: clamp(2.2rem, 5.4vw, 4.4rem); margin: 18px 0 44px; }
.op12 .fila { display: grid; grid-template-columns: 90px 1fr 1.5fr auto; gap: 30px; align-items: center; padding: 34px 0; border-top: 1px solid #2b2f3a; transition: background-color .25s ease, opacity .7s ease, transform .9s ease; }
.op12 .fila:last-of-type { border-bottom: 1px solid #2b2f3a; }
.op12 .fila:hover { background: var(--grafite-2); }
.op12 .fila-numero { font-family: "JetBrains Mono", monospace; font-weight: 700; color: var(--ciano); font-size: .95rem; padding-left: 14px; }
.op12 .fila h3 { font-size: 1.6rem; line-height: 1.05; }
.op12 .fila p { font-size: .95rem; line-height: 1.6; }

.op12 .faixa-pb { position: relative; margin-top: 110px; padding: 120px 0; overflow: hidden; }
.op12 .faixa-pb .caixa { position: relative; z-index: 3; }
.op12 .faixa-pb .filme::after { background: rgba(20, 22, 28, .35); }
.op12 .citacao { font-size: clamp(1.4rem, 2.6vw, 2.2rem); line-height: 1.35; color: #f6f7fb; font-weight: 600; max-width: 26em; margin: 22px 0 34px; }
.op12 .citacao b { color: var(--ciano); font-style: italic; font-weight: 900; }

.op12 .logos { gap: 2px; background: #2b2f3a; border: 2px solid #2b2f3a; }
.op12 .logo { border: 0; border-radius: 0; padding: 14px; }
.op12 .logo img { filter: grayscale(1); transition: filter .25s ease; }
.op12 .logo:hover img { filter: none; }
.op12 .rodape-secao { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 20px 40px; margin-top: 34px; }
.op12 .rodape-secao p { max-width: 62ch; }
.op12 .dupla { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: start; }
.op12 .dupla .apoio { margin-bottom: 22px; }
.op12 .video { border-radius: 0; border: 2px solid var(--ciano); }
.op12 .video-play { background: var(--ciano); color: #14161c; border-radius: 0; box-shadow: none; }
.op12 .socios { display: grid; grid-template-columns: repeat(4, 1fr); gap: 2px; background: #2b2f3a; border: 2px solid #2b2f3a; }
.op12 .socio { background: var(--grafite); padding: 34px 20px; display: flex; flex-direction: column; gap: 6px; transition: background-color .25s ease, opacity .7s ease; }
.op12 .socio:hover { background: var(--grafite-2); }
.op12 .socio .foto { --f: 132px; border-radius: 0; margin-bottom: 18px; filter: grayscale(1); transition: filter .25s ease; }
.op12 .socio:hover .foto { filter: none; }
.op12 .socio strong { font-weight: 900; text-transform: uppercase; color: #f6f7fb; font-size: 1.15rem; line-height: 1.1; }
.op12 .socio small { font-family: "JetBrains Mono", monospace; font-size: .7rem; letter-spacing: .08em; text-transform: uppercase; color: var(--ciano); }
.op12 .rodape { background: #0f1116; margin-top: 110px; }

@media (max-width: 960px) {
    .op12 .fila { grid-template-columns: 1fr; gap: 12px; padding: 26px 0; }
    .op12 .fila-numero { padding-left: 0; }
    .op12 .fila .reto { justify-self: start; }
    .op12 .dupla { grid-template-columns: 1fr; }
    .op12 .socios { grid-template-columns: repeat(2, 1fr); }
    .op12 .secao, .op12 .faixa-pb { padding-top: 70px; }
    .op12 .faixa-pb { margin-top: 70px; padding-bottom: 70px; }
    .op12 .vertical { display: none; }
}


/* ============================== OPCAO 13 - REVISTA ============================== */
.op13 { font-family: "Source Serif 4", Georgia, serif; font-size: 18px; background: #fdfbf7; color: #3a3136; }
.op13 h1, .op13 h2, .op13 h3 { font-family: "Playfair Display", Georgia, serif; color: #1d1219; letter-spacing: -.01em; }
.op13 .topo { border-bottom: 3px double #1d1219; color: #1d1219; }
.op13 .topo .marca-img img { height: 62px; }
.op13 .topo-nav { font-family: "Inter", sans-serif; font-size: .74rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.op13 .topo-nav a.ativo, .op13 .topo-nav a:not(.botao):hover { border-bottom-color: var(--marinho-2); }
.op13 .botao { border-radius: 0; font-family: "Inter", sans-serif; font-size: .78rem; letter-spacing: .1em; text-transform: uppercase; }
.op13 .botao-cheio { background: #1d1219; color: #fff; box-shadow: none; }
.op13 .botao-cheio:hover { background: var(--marinho-2); }
.op13 .saiba { font-family: "Inter", sans-serif; font-size: .78rem; letter-spacing: .1em; text-transform: uppercase; color: var(--marinho-2); }
.op13 .expediente { display: flex; justify-content: space-between; gap: 16px; padding: 10px 0; border-bottom: 1px solid #1d1219; font-family: "Inter", sans-serif; font-size: .68rem; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; }

.op13 .capa h1 { font-size: clamp(2.8rem, 8.2vw, 7.4rem); font-weight: 900; line-height: .98; padding: 44px 0 40px; border-bottom: 1px solid #1d1219; }
.op13 .capa h1 em { font-weight: 400; color: var(--marinho-2); }
.op13 .capa-grade { display: grid; grid-template-columns: 1fr 1.25fr .9fr; gap: 0; }
.op13 .capa-grade > * { padding: 34px 30px 40px; border-right: 1px solid #1d1219; }
.op13 .capa-grade > *:first-child { padding-left: 0; }
.op13 .capa-grade > *:last-child { border-right: 0; padding-right: 0; }
.op13 .olho { font-family: "Playfair Display", Georgia, serif; font-style: italic; font-size: 1.5rem; line-height: 1.35; color: #1d1219; margin-bottom: 18px; }
.op13 .capa-texto p { margin-bottom: 26px; }
.op13 .capa-filme { margin: 0; }
.op13 .capa-filme .filme { position: relative; aspect-ratio: 4 / 5; }
.op13 .capa-filme figcaption { font-family: "Inter", sans-serif; font-size: .68rem; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; margin-top: 10px; }
.op13 .capa-lateral h2 { font-size: 1.5rem; font-style: italic; font-weight: 400; margin-bottom: 18px; }
.op13 .capa-lateral .video { border-radius: 0; border: 1px solid #1d1219; margin-bottom: 20px; }
.op13 .video-play { border-radius: 50%; background: #1d1219; box-shadow: 0 0 0 8px rgba(29, 18, 25, .2); }

.op13 .materia { margin-top: 90px; }
.op13 .materia > header { display: flex; align-items: baseline; gap: 22px; border-top: 3px double #1d1219; border-bottom: 1px solid #1d1219; padding: 14px 0; margin-bottom: 36px; }
.op13 .materia > header span { font-family: "Inter", sans-serif; font-size: .7rem; font-weight: 700; letter-spacing: .16em; color: var(--marinho-2); white-space: nowrap; }
.op13 .materia > header h2 { font-size: clamp(1.8rem, 3.4vw, 2.8rem); font-weight: 700; }
.op13 .tres { display: grid; grid-template-columns: repeat(3, 1fr); }
.op13 .tres article { padding: 0 30px; border-right: 1px solid #cfc6cb; }
.op13 .tres article:first-child { padding-left: 0; }
.op13 .tres article:last-child { border-right: 0; padding-right: 0; }
.op13 .tres img { width: 130px; height: 130px; margin-bottom: 10px; }
.op13 .tres h3 { font-size: 1.5rem; font-weight: 700; line-height: 1.15; margin-bottom: 12px; }
.op13 .tres p { font-size: .98rem; line-height: 1.65; margin-bottom: 18px; text-align: justify; hyphens: auto; }
.op13 .colunas { columns: 2; column-gap: 56px; column-rule: 1px solid #cfc6cb; font-size: 1.12rem; line-height: 1.75; text-align: justify; hyphens: auto; }
.op13 .capitular::first-letter { font-family: "Playfair Display", Georgia, serif; font-weight: 900; float: left; font-size: 5.2rem; line-height: .82; padding: 6px 12px 0 0; color: var(--marinho-2); }
.op13 .lado { display: grid; grid-template-columns: 1fr 2fr; gap: 50px; align-items: start; }
.op13 .lado p { font-size: 1.15rem; font-style: italic; line-height: 1.6; }
.op13 .logo { border-radius: 0; border-color: #cfc6cb; }
.op13 .socios { display: grid; grid-template-columns: repeat(4, 1fr); }
.op13 .socio { padding: 0 24px; border-right: 1px solid #cfc6cb; display: flex; flex-direction: column; gap: 4px; }
.op13 .socio:first-child { padding-left: 0; }
.op13 .socio:last-child { border-right: 0; }
.op13 .socio .foto { --f: 150px; border-radius: 0; margin-bottom: 16px; filter: grayscale(1) contrast(1.05); transition: filter .3s ease; }
.op13 .socio:hover .foto { filter: none; }
.op13 .socio strong { font-family: "Playfair Display", Georgia, serif; font-size: 1.3rem; color: #1d1219; }
.op13 .socio small { font-family: "Inter", sans-serif; font-size: .68rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--marinho-2); }
.op13 .rodape { margin-top: 100px; }

@media (max-width: 960px) {
    .op13 .capa-grade, .op13 .tres, .op13 .lado { grid-template-columns: 1fr; }
    .op13 .capa-grade > *, .op13 .tres article { padding: 26px 0; border-right: 0; border-bottom: 1px solid #cfc6cb; }
    .op13 .colunas { columns: 1; }
    .op13 .socios { grid-template-columns: repeat(2, 1fr); gap: 26px 0; }
    .op13 .socio:nth-child(odd) { padding-left: 0; }
    .op13 .socio:nth-child(even) { border-right: 0; }
    .op13 .expediente span:nth-child(2) { display: none; }
    .op13 .materia { margin-top: 60px; }
}


/* ============================== OPCAO 14 - AURORA ============================== */
.op14 { font-family: "Plus Jakarta Sans", system-ui, sans-serif; font-size: 16px; background: #f7f3fa; color: #564a57; }
.op14 h1, .op14 h2, .op14 h3 { font-family: "Plus Jakarta Sans", system-ui, sans-serif; font-weight: 800; letter-spacing: -.03em; color: #25102a; }
/* manchas de cor que se movem devagar atras de tudo */
.op14 .aurora { position: fixed; inset: 0; z-index: 0; overflow: hidden; pointer-events: none; }
.op14 .aurora i { position: absolute; width: 55vw; height: 55vw; border-radius: 50%; filter: blur(90px); opacity: .55; animation: aurora 26s ease-in-out infinite alternate; }
.op14 .aurora i:nth-child(1) { background: #b455a0; left: -14vw; top: -18vw; }
.op14 .aurora i:nth-child(2) { background: #f8d858; right: -18vw; top: 8vw; opacity: .42; animation-duration: 32s; animation-delay: -8s; }
.op14 .aurora i:nth-child(3) { background: #7b5cff; left: 22vw; top: 52vh; opacity: .32; animation-duration: 38s; animation-delay: -16s; }
@keyframes aurora { to { transform: translate(9vw, 7vh) scale(1.18); } }
.op14 > .topo, .op14 > main, .op14 > .rodape { position: relative; z-index: 1; }
.op14 .vidro { background: rgba(255, 255, 255, .58); border: 1px solid rgba(255, 255, 255, .85); border-radius: 28px; -webkit-backdrop-filter: blur(22px); backdrop-filter: blur(22px); box-shadow: 0 20px 50px rgba(75, 20, 68, .1); }
.op14 .botao { border-radius: 999px; }
.op14 .botao-cheio { background: var(--marinho-2); color: #fff; box-shadow: 0 12px 28px rgba(75, 20, 68, .3); }
.op14 .botao-cheio:hover { background: var(--roxo-medio); }
.op14 .botao-vazado { color: var(--marinho-2); background: rgba(255, 255, 255, .5); border-color: rgba(75, 20, 68, .25); }
/* menu em capsula flutuante */
.op14 > .topo { position: sticky; top: 14px; z-index: 40; }
.op14 .topo-linha { background: rgba(255, 255, 255, .7); border: 1px solid rgba(255, 255, 255, .9); -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); border-radius: 999px; min-height: 68px; padding: 0 14px 0 26px; max-width: 1152px; box-shadow: 0 12px 34px rgba(75, 20, 68, .12); color: #25102a; }
.op14 .topo .marca-img img { height: 46px; margin: 0; border-radius: 6px; }
.op14 .topo-nav a.ativo, .op14 .topo-nav a:not(.botao):hover { border-bottom-color: var(--marinho-2); }

.op14 .heroi { display: grid; grid-template-columns: 1.05fr 1fr; gap: 50px; align-items: center; padding: 80px 0 30px; }
.op14 .etiqueta { display: inline-block; padding: 8px 16px; border-radius: 999px; background: rgba(255, 255, 255, .7); border: 1px solid rgba(75, 20, 68, .15); font-size: .8rem; font-weight: 700; color: var(--marinho-2); margin-bottom: 22px; }
.op14 .heroi h1 { font-size: clamp(2.3rem, 4.8vw, 4rem); line-height: 1.05; }
.op14 .heroi h1 em { background: linear-gradient(100deg, #86207a, #7b5cff 60%, #d6a400); -webkit-background-clip: text; background-clip: text; color: transparent; }
.op14 .heroi p { font-size: 1.12rem; margin-top: 18px; max-width: 46ch; }
.op14 .heroi p + p { margin-top: 6px; }
.op14 .acoes { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 30px; }
.op14 .molduras { position: relative; height: 520px; }
.op14 .moldura { position: absolute; overflow: hidden; box-shadow: 0 30px 70px rgba(75, 20, 68, .28); border: 6px solid rgba(255, 255, 255, .85); }
.op14 .m1 { left: 0; top: 0; width: 66%; height: 78%; border-radius: 120px 28px 28px 28px; }
.op14 .m2 { right: 0; bottom: 0; width: 52%; height: 56%; border-radius: 28px 28px 120px 28px; }
.op14 .selo { position: absolute; left: 4%; bottom: 6%; padding: 14px 20px; border-radius: 18px; font-weight: 700; font-size: .9rem; color: var(--marinho-2); display: flex; align-items: center; gap: 10px; }
.op14 .selo i { font-size: 1.5rem; }

.op14 .secao { margin-top: 100px; }
.op14 .secao > h2, .op14 .painel h2 { font-size: clamp(1.8rem, 3vw, 2.5rem); margin-bottom: 30px; }
.op14 .tres { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
.op14 .cartao { padding: 28px; display: flex; flex-direction: column; }
.op14 .cartao img { width: 132px; height: 132px; margin-bottom: 8px; }
.op14 .cartao h3 { font-size: 1.22rem; line-height: 1.2; margin-bottom: 10px; }
.op14 .cartao p { font-size: .93rem; margin-bottom: 20px; }
.op14 .cartao .saiba { margin-top: auto; color: var(--marinho-2); }
.op14 .painel { padding: 44px; }
.op14 .dupla { display: grid; grid-template-columns: 1fr 1fr; gap: 50px; align-items: center; }
.op14 .dupla p { margin-bottom: 26px; }
.op14 .video { border-radius: 22px; }
.op14 .video-rotulo { color: var(--marinho-2); margin-bottom: 0; }
.op14 .logo { border-radius: 16px; border-color: rgba(75, 20, 68, .08); }
.op14 .rodape-secao { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px 40px; margin-top: 28px; }
.op14 .rodape-secao p { max-width: 64ch; }
.op14 .rodape-secao .saiba { color: var(--marinho-2); }
.op14 .socios { display: grid; grid-template-columns: repeat(4, 1fr); gap: 22px; }
.op14 .socio { padding: 28px 18px; display: flex; flex-direction: column; align-items: center; text-align: center; gap: 4px; transition: transform .3s ease, opacity .7s ease; }
.op14 .socio.visivel:hover { transform: translateY(-8px); }
.op14 .socio .foto { --f: 118px; margin-bottom: 14px; box-shadow: 0 0 0 4px #fff, 0 0 0 7px #b455a0; }
.op14 .socio strong { color: #25102a; font-size: 1.05rem; }
.op14 .socio small { font-size: .85rem; min-height: 2.6em; }
.op14 .socio-link { color: var(--marinho-2); font-weight: 700; font-size: .84rem; margin-top: 6px; }
.op14 > .rodape { margin: 100px 16px 16px; border-radius: 28px; }

@media (max-width: 1140px) { .op14 .topo-linha { margin: 0 12px; border-radius: 26px; } }
@media (max-width: 960px) {
    .op14 .heroi, .op14 .dupla, .op14 .tres { grid-template-columns: 1fr; gap: 30px; }
    .op14 .heroi { padding-top: 50px; }
    .op14 .molduras { height: 380px; }
    .op14 .socios { grid-template-columns: repeat(2, 1fr); gap: 14px; }
    .op14 .painel { padding: 24px; }
    .op14 .secao { margin-top: 64px; }
}


/* ============================== OPCAO 15 - CARTAZ ============================== */
.op15 { --fio: #111; font-family: "Archivo", system-ui, sans-serif; font-size: 16px; background: #fff; color: #111; }
.op15 h1, .op15 h2, .op15 h3 { font-family: "Archivo", system-ui, sans-serif; font-weight: 900; color: #111; letter-spacing: -.045em; line-height: .92; }
.op15 .topo { border-bottom: 2px solid #111; color: #111; position: sticky; top: 0; background: #fff; z-index: 50; }
.op15 .topo-linha { max-width: none; padding: 0 28px; min-height: 72px; }
.op15 .topo .marca-img img { height: 52px; margin: 0; }
.op15 .topo-nav { font-size: .8rem; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; }
.op15 .topo-nav a.ativo, .op15 .topo-nav a:not(.botao):hover { border-bottom-color: #111; }
.op15 .topo-nav .botao { border-radius: 0; background: #111; color: #fff; box-shadow: none; text-transform: uppercase; font-size: .8rem; }
.op15 .topo-nav .botao:hover { background: var(--marinho-2); }
.op15 .indice { font-family: "Archivo Narrow", "Archivo", sans-serif; font-size: .78rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; }
/* grade aparente: 12 colunas, cada celula com fio preto */
.op15 .grade { display: grid; grid-template-columns: repeat(12, 1fr); border-bottom: 2px solid #111; }
.op15 .cel { padding: 28px; border-right: 2px solid #111; border-top: 2px solid #111; min-width: 0; }
.op15 .grade > .cel:last-child, .op15 .cel-filme, .op15 .cel-acao { border-right: 0; }
.op15 .abre .cel { border-top: 0; }
.op15 .cel-titulo { grid-column: span 8; display: flex; flex-direction: column; justify-content: space-between; gap: 40px; min-height: 480px; }
.op15 .cel-titulo h1 { font-size: clamp(2.5rem, 7.2vw, 6.9rem); }
.op15 .cel-titulo h1 em { font-style: normal; color: var(--marinho-2); }
.op15 .cel-filme { grid-column: span 4; position: relative; padding: 0; min-height: 320px; overflow: hidden; }
.op15 .cel-filme .filme video { filter: grayscale(1) contrast(1.2); }
.op15 .cel-filme .filme::before { background: #f8d858; mix-blend-mode: multiply; }
.op15 .cel-filme .filme::after { background: #4b1444; mix-blend-mode: lighten; }
.op15 .cel-amarela { grid-column: span 4; background: var(--ciano); border-top: 2px solid #111 !important; font-size: 1.25rem; font-weight: 500; line-height: 1.35; }
.op15 .cel-roxa { grid-column: span 5; background: var(--marinho-2); color: #fff; border-top: 2px solid #111 !important; font-size: 1.25rem; font-weight: 500; line-height: 1.35; }
.op15 .cel-acao { grid-column: span 3; background: #111; color: #fff; border-top: 2px solid #111 !important; display: flex; align-items: flex-end; justify-content: space-between; font-size: 1.6rem; font-weight: 900; letter-spacing: -.03em; transition: background-color .2s ease; }
.op15 .cel-acao:hover { background: var(--roxo-medio); }

.op15 .cel-cabeca { grid-column: span 12; display: flex; align-items: baseline; gap: 26px; padding-top: 70px; border-right: 0; border-top: 0; }
.op15 .cel-cabeca h2 { font-size: clamp(2.2rem, 5.6vw, 5rem); }
.op15 .cel-area { grid-column: span 4; display: flex; flex-direction: column; min-height: 420px; transition: background-color .2s ease, color .2s ease; }
.op15 .cel-area:hover { background: var(--ciano); }
.op15 .numero { font-size: 6rem; font-weight: 900; line-height: .8; letter-spacing: -.06em; color: var(--marinho-2); margin-bottom: 26px; }
.op15 .cel-area h3 { font-size: 1.7rem; margin-bottom: 14px; }
.op15 .cel-area p { font-size: .95rem; line-height: 1.55; margin-bottom: 22px; }
.op15 .seta { margin-top: auto; font-weight: 900; text-transform: uppercase; font-size: .82rem; letter-spacing: .06em; display: inline-flex; gap: 10px; align-items: center; }
.op15 .cel-texto { grid-column: span 4; display: flex; flex-direction: column; gap: 26px; font-size: 1.15rem; line-height: 1.45; font-weight: 500; }
.op15 .cel-logos { grid-column: span 8; display: grid; grid-template-columns: repeat(auto-fill, minmax(130px, 1fr)); gap: 0; padding: 0; align-content: start; }
.op15 .cel-larga { grid-column: span 12; grid-template-columns: repeat(auto-fill, minmax(118px, 1fr)); }
.op15 .cel-logos .logo { border: 0; border-right: 2px solid #111; border-bottom: 2px solid #111; border-radius: 0; padding: 16px; }
.op15 .cel-logos .logo img { filter: grayscale(1) contrast(1.1); transition: filter .2s ease; }
.op15 .cel-logos .logo:hover img { filter: none; }
.op15 .cel-preta { background: #111; color: #fff; }
.op15 .cel-preta h2 { color: #fff; }
.op15 .cel-preta.cel-cabeca .indice { color: var(--ciano); }
.op15 .cel-texto.cel-preta { grid-column: span 7; border-top: 0; }
.op15 .maior { font-size: clamp(1.2rem, 2vw, 1.6rem); line-height: 1.4; font-weight: 500; }
.op15 .maior b { color: var(--ciano); }
.op15 .cel-video { grid-column: span 5; background: var(--ciano); border-top: 0; display: flex; flex-direction: column; gap: 16px; justify-content: center; }
.op15 .cel-video .video { border-radius: 0; border: 2px solid #111; }
.op15 .video-play { border-radius: 0; background: #111; box-shadow: none; }
.op15 .cel-socio { grid-column: span 3; display: flex; flex-direction: column; gap: 6px; transition: background-color .2s ease; }
.op15 .cel-socio:hover { background: var(--ciano); }
.op15 .cel-socio .foto { --f: 100%; width: 100%; height: auto; aspect-ratio: 1; border-radius: 0; margin-bottom: 18px; filter: grayscale(1) contrast(1.1); transition: filter .2s ease; }
.op15 .cel-socio .foto img { width: 200%; margin-left: -50%; margin-top: -18.5%; }
.op15 .cel-socio:hover .foto { filter: none; }
.op15 .cel-socio strong { font-size: 1.5rem; font-weight: 900; letter-spacing: -.04em; line-height: 1; }
.op15 .cel-socio small { font-family: "Archivo Narrow", sans-serif; font-size: .78rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--marinho-2); }
.op15 .rodape { margin-top: 0; background: #111; }

@media (max-width: 960px) {
    .op15 .cel, .op15 .cel-texto.cel-preta { grid-column: span 12 !important; border-right: 0; }
    .op15 .cel-titulo { min-height: 0; }
    .op15 .cel-area { min-height: 0; }
    .op15 .cel-socio { grid-column: span 6 !important; }
    .op15 .cel-socio:nth-child(even) { border-right: 2px solid #111; }
    .op15 .cel-cabeca { padding-top: 44px; }
    .op15 .topo-linha { padding: 0 16px; }
}


/* ============================== OPCAO 16 - TELAS ============================== */
:root:has(.op16) { scroll-snap-type: y proximity; }
.op16 { background: var(--marinho); color: #ece2ea; }
.op16 h1, .op16 h2, .op16 h3 { color: #fff; }
.op16 > .topo { position: fixed; left: 0; right: 0; top: 0; z-index: 60; color: #fff; background: linear-gradient(180deg, rgba(20, 5, 18, .7), rgba(20, 5, 18, 0)); }
.op16 .tela { position: relative; min-height: min(100vh, 1100px); display: flex; align-items: center; overflow: hidden; scroll-snap-align: start; }
.op16 .tela .filme::before { background: linear-gradient(90deg, rgba(30, 8, 27, .9) 0%, rgba(52, 14, 47, .7) 50%, rgba(52, 14, 47, .45) 100%); mix-blend-mode: normal; }
.op16 .tela .filme::after { background: linear-gradient(0deg, rgba(20, 5, 18, .65), rgba(20, 5, 18, 0) 40%); mix-blend-mode: normal; }
.op16 .tela-dentro { position: relative; z-index: 3; padding-top: 110px; padding-bottom: 80px; }
.op16 .tela h1 { font-size: clamp(2.4rem, 5.6vw, 4.8rem); max-width: 15ch; }
.op16 .tela h1 em { color: var(--ciano); font-style: italic; }
.op16 #tela1 p { font-size: 1.2rem; max-width: 46ch; margin-top: 16px; }
.op16 #tela1 p + p { margin-top: 6px; }
.op16 .acoes { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 32px; }
.op16 .botao-vazado { color: #fff; border-color: rgba(255, 255, 255, .55); }
.op16 .desce { position: absolute; z-index: 3; left: 50%; bottom: 70px; margin-left: -23px; width: 46px; height: 46px; border-radius: 50%; border: 1px solid rgba(255, 255, 255, .5); display: grid; place-items: center; font-size: 1.5rem; color: #fff; animation: flutua 2.2s ease-in-out infinite; }
.op16 .tela h2 { font-size: clamp(2rem, 4vw, 3.2rem); margin-bottom: 30px; }
.op16 .tela h2::after { content: ""; display: block; width: 64px; height: 4px; background: var(--ciano); margin-top: 16px; border-radius: 2px; }
.op16 .tres { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.op16 .area { padding: 30px; display: flex; flex-direction: column; transition: transform .25s ease, border-color .25s ease; }
.op16 .area:hover { transform: translateY(-6px); border-color: var(--ciano); }
.op16 .area-numero { font-family: "Libre Baskerville", Georgia, serif; color: var(--ciano); letter-spacing: .1em; font-size: .95rem; }
.op16 .area h3 { font-size: 1.35rem; margin: 10px 0 12px; }
.op16 .area p { font-size: .93rem; margin-bottom: 18px; }
.op16 .area .saiba { margin-top: auto; color: var(--ciano); }
.op16 .dupla { display: grid; grid-template-columns: 1fr 1.15fr; gap: 56px; align-items: center; }
.op16 .dupla p { margin-bottom: 26px; font-size: 1.05rem; }
.op16 .logo { border-color: transparent; }
.op16 #tela4 .video { max-width: 420px; }
.op16 .video-play { background: var(--ciano); color: var(--marinho); box-shadow: 0 0 0 10px rgba(248, 216, 88, .25); }
.op16 .certs { padding: 30px; }
.op16 .certs h3 { font-size: 1.15rem; margin-bottom: 18px; }
.op16 .socios { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
.op16 .socio { padding: 30px 16px; display: flex; flex-direction: column; align-items: center; text-align: center; gap: 4px; transition: transform .25s ease, border-color .25s ease; }
.op16 .socio:hover { transform: translateY(-6px); border-color: var(--ciano); }
.op16 .socio .foto { --f: 124px; margin-bottom: 14px; box-shadow: 0 0 0 3px var(--ciano); }
.op16 .socio strong { font-family: "Libre Baskerville", Georgia, serif; color: #fff; font-size: 1.08rem; }
.op16 .socio small { font-size: .87rem; color: var(--lilas); }
.op16 .socio > i { color: var(--ciano); font-size: 1.35rem; margin-top: 10px; }
/* pontos de navegacao na lateral */
.op16 .pontos { position: fixed; right: 22px; top: 50%; transform: translateY(-50%); z-index: 55; display: grid; gap: 14px; }
.op16 .pontos a { position: relative; width: 12px; height: 12px; border-radius: 50%; border: 2px solid rgba(255, 255, 255, .7); transition: background-color .2s ease, transform .2s ease; }
.op16 .pontos a.aqui { background: var(--ciano); border-color: var(--ciano); transform: scale(1.3); }
.op16 .pontos span { position: absolute; right: 22px; top: 50%; transform: translateY(-50%); white-space: nowrap; font-size: .76rem; font-weight: 700; color: #fff; background: rgba(20, 5, 18, .8); padding: 4px 10px; border-radius: 6px; opacity: 0; pointer-events: none; transition: opacity .2s ease; }
.op16 .pontos a:hover span { opacity: 1; }
.op16 .rodape { margin-top: 0; scroll-snap-align: end; }

@media (max-width: 960px) {
    :root:has(.op16) { scroll-snap-type: none; }
    .op16 .tela { min-height: 0; }
    .op16 #tela1 { min-height: 92vh; }
    .op16 .tres, .op16 .dupla { grid-template-columns: 1fr; gap: 20px; }
    .op16 .socios { grid-template-columns: repeat(2, 1fr); gap: 12px; }
    .op16 .tela-dentro { padding-top: 100px; padding-bottom: 60px; }
    .op16 .pontos { display: none; }
    .op16 > .topo { background: rgba(30, 8, 27, .92); }
}