/* Seções numeradas no padrão do painel da Arena: capa de tela cheia, faixas alternadas,
   número gigante apagado no canto, rótulo com traço e título grande em caixa alta. */
.capa{position:relative;overflow:hidden;min-height:min(78vh,760px);display:flex;flex-direction:column;justify-content:flex-end;border-radius:22px;padding:clamp(28px,5vw,72px);margin-bottom:22px;background:radial-gradient(circle at 75% 25%,#2a2416,#0B0B0B 62%);border:1px solid #23201a}
.capa .fundo{position:absolute;inset:0;background:center/cover no-repeat;opacity:.28;filter:grayscale(.25) contrast(1.1)}
.capa .fundo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,11,11,.55),rgba(11,11,11,.2) 35%,rgba(11,11,11,.92) 85%),radial-gradient(circle at 20% 70%,rgba(11,11,11,.6),transparent 60%)}
.capa>*:not(.fundo){position:relative}
.capa .capa-logo{width:min(320px,70%);margin-bottom:auto;filter:drop-shadow(0 0 30px rgba(214,178,74,.25))}
.capa h1{font-family:var(--f-display);font-weight:900;text-transform:uppercase;font-size:clamp(46px,9vw,122px);line-height:.86;letter-spacing:-.03em;color:var(--dv-ouro);text-shadow:0 0 80px rgba(214,178,74,.2);margin:40px 0 0}
.capa .tag{font-family:var(--f-display);font-weight:500;font-style:italic;font-size:clamp(18px,2.6vw,30px);color:var(--dv-ouro-claro);margin-top:14px}
.capa .meta{margin-top:24px;font-size:12px;letter-spacing:.24em;text-transform:uppercase;color:#9a917f}
.capa .rola{margin-top:34px;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:#8a8170;display:flex;align-items:center;gap:12px}
.capa .rola i{width:46px;height:1px;background:#6b6455;position:relative;overflow:hidden}
.capa .rola i:after{content:"";position:absolute;inset:0;background:var(--dv-ouro);animation:dvRola 1.8s infinite}
@keyframes dvRola{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}

.sx{position:relative;overflow:hidden;border-radius:20px;padding:clamp(40px,6vw,84px) clamp(20px,4.5vw,64px) clamp(36px,5vw,64px);margin-bottom:18px;border:1px solid #1f1d19;scroll-margin-top:16px}
.sx.a{background:#0F0F0E}
.sx.b{background:linear-gradient(180deg,#17150F,#121110)}
.sx.ouro{background:linear-gradient(135deg,#8a6c1c,#D6B24A 75%);color:#0B0B0B;border-color:#D6B24A}
.sx.clara{background:#F4F1EA;color:#141414;border-color:#E4DFD3}
.sx .num{position:absolute;top:14px;right:clamp(16px,3vw,40px);font-family:var(--f-display);font-weight:900;font-size:clamp(70px,11vw,150px);line-height:1;color:#fff;opacity:.055;pointer-events:none;letter-spacing:-.04em}
.sx.clara .num,.sx.ouro .num{color:#000;opacity:.07}
.sx .kicker{font-family:var(--f-display);font-size:12px;font-weight:700;letter-spacing:.3em;text-transform:uppercase;color:var(--dv-ouro);display:flex;align-items:center;gap:12px;margin-bottom:16px}
.sx .kicker:before{content:"";width:40px;height:2px;background:currentColor;opacity:.7}
.sx.clara .kicker{color:var(--dv-ouro-tinta)}.sx.ouro .kicker{color:#3a2c06}
.sx>h2,.sx .h2{font-family:var(--f-display);font-weight:800;text-transform:uppercase;font-size:clamp(28px,4.6vw,58px);line-height:.95;letter-spacing:-.02em;color:var(--dv-ouro);margin:0 0 6px;max-width:16ch}
.sx>h2 .n{display:none}
.sx.clara>h2,.sx.clara .h2{color:#141414}.sx.ouro>h2{color:#0B0B0B}
.sx .lead{font-size:clamp(16px,1.9vw,21px);line-height:1.55;max-width:780px;margin:18px 0 26px;color:#d6d0c4;font-weight:500}
.sx.clara .lead{color:#3d382f}.sx.ouro .lead{color:#1d1708}
.sx>p.leg{margin-top:14px}
.sx.clara p,.sx.clara li{color:#3d382f}
.sx.clara .card{background:#fff;border-color:#E4DFD3}.sx.clara .card p,.sx.clara .card li{color:#4a443a}.sx.clara h3{color:#141414}
.sx.clara .prov{border-color:var(--dv-ouro-tinta);color:var(--dv-ouro-tinta)}
.sx .citacao{font-family:var(--f-display);font-weight:700;font-size:clamp(22px,3vw,36px);line-height:1.2;letter-spacing:-.01em;max-width:24ch;margin:10px 0 8px}
.sx.clara .citacao{color:#141414}
.ds-wrap .sx>h2{margin-top:0}
.rv{opacity:0;transform:translateY(26px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1)}
.rv.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.rv{opacity:1;transform:none;transition:none}.capa .rola i:after{animation:none}}

/* barra de aprovação */
.aprov{margin-top:30px;border-top:1px dashed rgba(214,178,74,.4);padding-top:20px;display:grid;gap:12px}
.sx.clara .aprov{border-top-color:#cdbf98}
.aprov .lin{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.aprov .st{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:5px 12px;border-radius:99px;background:#ffffff14;color:#bdb6a6}
.sx.clara .aprov .st{background:#0000000d;color:#6b6252}
.aprov .st.aprovado{background:#2E9E5B26;color:#5fd28f}.sx.clara .aprov .st.aprovado{color:#1f7a45}
.aprov .st.ajuste{background:#D99A1E26;color:#f0b84d}.sx.clara .aprov .st.ajuste{color:#9a6a0c}
.aprov button{font:inherit;font-size:14px;font-weight:700;border-radius:var(--raio);padding:10px 16px;cursor:pointer;border:1px solid transparent;min-height:44px}
.aprov .b-ok{background:var(--dv-ouro);color:#0B0B0B}
.aprov .b-aj{background:transparent;color:inherit;border-color:currentColor;opacity:.85}
.aprov .b-aj:hover{opacity:1}
.aprov textarea{width:100%;min-height:96px;font:inherit;font-size:15px;padding:12px 14px;border-radius:var(--raio);border:1px solid #8a8a8a;background:#0B0B0B;color:#eee;resize:vertical}
.sx.clara .aprov textarea{background:#fff;color:#141414}
.aprov .nota{font-size:14px;opacity:.8;font-style:italic}
.aprov .quando{font-size:12px;opacity:.6}

/* resumo de aprovações e login */
.painel-st{display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:space-between;background:var(--dv-grafite);border:1px solid var(--dv-linha);border-radius:14px;padding:16px 20px;margin-bottom:18px}
.painel-st .barra{flex:1;min-width:180px;height:8px;border-radius:99px;background:#2a2824;overflow:hidden}
.painel-st .barra i{display:block;height:100%;background:linear-gradient(90deg,var(--dv-ouro-escuro),var(--dv-ouro));width:0;transition:width .5s}
.painel-st b{color:var(--dv-ouro)}
.painel-st .sair{background:none;border:0;color:var(--dv-mudo);cursor:pointer;font:inherit;font-size:13px;text-decoration:underline}
.login-box{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.login-box input{font:inherit;padding:10px 14px;border-radius:var(--raio);border:1px solid #8a8a8a;background:#0B0B0B;color:#fff;min-height:44px;width:220px}
.login-box button{font:inherit;font-weight:700;background:var(--dv-ouro);color:#0B0B0B;border:0;border-radius:var(--raio);padding:10px 18px;min-height:44px;cursor:pointer}
.login-box .erro{color:#f08080;font-size:14px;width:100%}

/* questionário */
.qs{display:grid;gap:14px;margin-top:6px}
.q{background:rgba(255,255,255,.03);border:1px solid #2a2722;border-radius:14px;padding:18px 20px}
.sx.clara .q{background:#fff;border-color:#E4DFD3}
.q label{display:flex;gap:12px;font-weight:600;font-size:16px;line-height:1.45;color:#f1ece2;cursor:pointer}
.sx.clara .q label{color:#141414}
.q label span.n{flex:none;font-family:var(--f-display);font-weight:800;color:var(--dv-ouro);min-width:30px}
.sx.clara .q label span.n{color:var(--dv-ouro-tinta)}
.q .dica{font-size:13.5px;color:#9a9284;margin:4px 0 10px 42px}
.sx.clara .q .dica{color:#6b6252}
.q textarea,.q input{width:calc(100% - 42px);margin-left:42px;font:inherit;font-size:15px;padding:12px 14px;border-radius:var(--raio);border:1px solid #6f6f6f;background:#0B0B0B;color:#eee;resize:vertical;min-height:46px}
.q textarea{min-height:90px}
.sx.clara .q textarea,.sx.clara .q input{background:#FBFAF7;color:#141414;border-color:#b9b1a0}
.q textarea:disabled,.q input:disabled{opacity:.5;cursor:not-allowed}
.q .salvo{margin:6px 0 0 42px;font-size:12px;color:#7d7668;min-height:16px}
.q.feita{border-color:rgba(46,158,91,.45)}
.q.feita .n:after{content:" ✓";color:#5fd28f}
.enviar-q{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin-top:8px}
.enviar-q button{font:inherit;font-weight:800;background:var(--dv-ouro);color:#0B0B0B;border:0;border-radius:var(--raio);padding:14px 22px;min-height:48px;cursor:pointer;font-size:16px}
@media(max-width:700px){.q textarea,.q input{width:100%;margin-left:0}.q .dica,.q .salvo{margin-left:0}.capa{min-height:70vh}.sx{border-radius:14px}}

/* Modelos de post */
.mp{display:grid;grid-template-columns:minmax(0,1350fr) minmax(0,1080fr);gap:16px;align-items:end;max-width:900px}
.mp-f{margin:0}
.mp-img{display:block;width:100%;border:1px solid #2a2722;border-radius:12px;background:#111 center/cover;cursor:zoom-in}
.mp-f:first-child .mp-img{aspect-ratio:4/5}.mp-f:nth-child(2) .mp-img{aspect-ratio:9/16}
.mp-f figcaption{display:flex;justify-content:space-between;font-size:13px;color:#9a9284;margin-top:8px}
.mp-f figcaption a{color:var(--dv-ouro);font-weight:700;text-decoration:none}
@media(max-width:700px){.mp{grid-template-columns:1fr 1fr}}