/* Inscrições MFA — mesmo DNA do site da igreja: creme, terracota, dourado e marrom; Fraunces + Montserrat + Nunito Sans */
:root{
  --creme:#FBF4E9;--creme2:#F3E7D6;--terracota:#C9683D;--terracota2:#A34F2B;--dourado:#D9A441;--marrom:#3B2A20;--suave:#6B5645;
  --branco:#fff;--linha:rgba(59,42,32,.12);--verde:#2f8f5b;--vermelho:#b3392f;--raio:16px;--sombra:0 10px 30px rgba(59,42,32,.12);
  --titulo:"Fraunces",Georgia,serif;--corpo:"Nunito Sans",-apple-system,"Segoe UI",sans-serif;--destaque:"Montserrat","Nunito Sans",sans-serif;
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-behavior:smooth}
body{margin:0;background:var(--creme);color:var(--marrom);font:16px/1.55 var(--corpo);-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}a{color:inherit}
h1,h2,h3{font-family:var(--titulo);font-weight:600;line-height:1.15;margin:.2em 0 .4em}
h1{font-size:clamp(28px,4.2vw,42px)}h2{font-size:1.3rem;margin-top:1.4em}

/* topo */
.topo{position:sticky;top:0;z-index:40;background:rgba(59,42,32,.92);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 2px 16px rgba(0,0,0,.12)}
.topo .dentro{max-width:1180px;margin:0 auto;padding:12px 24px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.topo img.logo{height:38px;width:auto}
.topo a.marca{display:flex;align-items:center;gap:10px;text-decoration:none;color:#fff;font-family:var(--destaque);font-weight:800;letter-spacing:.5px;text-transform:uppercase;font-size:14px}
.topo .acoes{display:flex;align-items:center;gap:14px;color:#fff;font-size:14px}
.topo .acoes a{color:#fff;text-decoration:none;opacity:.9}
.botao,button{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 20px;border:0;border-radius:999px;background:var(--terracota);color:#fff;font:700 15px var(--corpo);cursor:pointer;text-decoration:none;transition:transform .2s,background .2s,box-shadow .2s}
.botao:hover,button:hover{background:var(--terracota2);transform:translateY(-1px)}
button.ouro{background:var(--dourado);color:#3b2a20}button.ouro:hover{background:#c8932f}
button.claro,.botao.claro{background:#fff;color:var(--marrom);border:1px solid var(--linha)}button.claro:hover{background:var(--creme2)}
button.fantasma{background:rgba(255,255,255,.14);border:1.5px solid rgba(255,255,255,.6);color:#fff}button.fantasma:hover{background:rgba(255,255,255,.26)}
button.perigo{background:var(--vermelho)}button.pequeno{padding:6px 14px;font-size:13px}button:disabled{opacity:.55;cursor:wait;transform:none}

main{max-width:880px;margin:0 auto;padding:28px 20px 80px}main.largo{max-width:1180px}
.cartao{background:#fff;border:1px solid var(--linha);border-radius:var(--raio);padding:22px;margin:16px 0;box-shadow:var(--sombra)}
.suave{color:var(--suave);font-size:.93rem}
label{display:block;font-weight:700;margin:16px 0 5px;font-size:.95rem}
input,select,textarea{width:100%;padding:11px 14px;border:1.5px solid #e0d3bf;border-radius:12px;font:inherit;background:#fffdf9;color:inherit;transition:border .2s,box-shadow .2s}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--terracota);box-shadow:0 0 0 3px rgba(201,104,61,.18)}
textarea{min-height:92px;resize:vertical}
input[type=checkbox],input[type=radio]{width:18px;height:18px;margin:0 10px 0 0;accent-color:var(--terracota);flex:none}
.opcao{display:flex;align-items:center;font-weight:600;margin:7px 0;padding:11px 14px;border:1.5px solid #e8dcc9;border-radius:12px;cursor:pointer;background:#fffdf9;transition:border .2s,background .2s}
.opcao:hover{border-color:var(--dourado);background:#fff8ea}
.opcao:has(input:checked){border-color:var(--terracota);background:#fdf0e8}
.opcao .preco{margin-left:auto;font-weight:800;color:var(--terracota2);padding-left:12px;white-space:nowrap}
.linha{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.linha>*{flex:0 0 auto}.cresce{flex:1 1 200px!important}
.erro{background:#fbe9e7;color:var(--vermelho);padding:11px 14px;border-radius:12px;margin:12px 0;font-weight:600}
.ok{background:#e4f3ea;color:var(--verde);padding:11px 14px;border-radius:12px;margin:12px 0;font-weight:600}
.selo{display:inline-block;padding:2px 10px;border-radius:99px;font-size:.75rem;font-weight:800;background:var(--creme2);color:var(--suave);text-transform:uppercase;letter-spacing:.4px}
.selo.aberto,.selo.pago,.selo.ativo{background:#d9f0e4;color:var(--verde)}.selo.encerrado,.selo.inativo{background:#f3dad7;color:var(--vermelho)}.selo.rascunho{background:#fbefd2;color:#8a6410}
.total{font:700 1.7rem var(--titulo);color:var(--terracota2)}
.pix{font-family:ui-monospace,Consolas,monospace;background:var(--creme2);padding:12px 14px;border-radius:12px;word-break:break-all;margin:8px 0;font-size:.95rem}
.escondido{position:absolute;left:-9999px}
.grade{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}

/* painel */
table{width:100%;border-collapse:collapse;font-size:.92rem}th,td{padding:10px 12px;border-bottom:1px solid var(--linha);text-align:left;vertical-align:top}
th{background:var(--creme2);position:sticky;top:0;font-weight:800;white-space:nowrap}
.rolagem{overflow:auto;max-height:68vh;border:1px solid var(--linha);border-radius:14px;background:#fff}
.abas{display:flex;gap:8px;flex-wrap:wrap;margin:6px 0 14px}
.abas button{background:#fff;color:var(--marrom);border:1px solid var(--linha)}.abas button.ativa{background:var(--marrom);color:#fff;border-color:var(--marrom)}
.bloco{border:1.5px dashed #d8c8ae;border-radius:14px;padding:12px;margin:10px 0;background:#fffaf2}
.numeros{display:flex;gap:12px;flex-wrap:wrap;margin:10px 0}.numeros div{background:#fff;border:1px solid var(--linha);border-radius:14px;padding:12px 20px;box-shadow:var(--sombra)}
.numeros b{display:block;font:700 1.5rem var(--titulo);color:var(--terracota2)}
.mini{width:60px;height:76px;border-radius:10px;object-fit:cover;flex:none;background:var(--creme2)}
.capa-previa{width:100%;max-width:300px;aspect-ratio:4/5;object-fit:cover;border-radius:14px;border:1px solid var(--linha);background:var(--creme2)}

/* janela (editar inscrição) */
.fundo{position:fixed;inset:0;background:rgba(40,28,20,.6);z-index:80;display:flex;align-items:flex-start;justify-content:center;padding:30px 14px;overflow:auto;backdrop-filter:blur(3px)}
.janela{background:var(--creme);border-radius:20px;padding:22px;width:100%;max-width:640px;box-shadow:0 30px 80px rgba(0,0,0,.4);animation:sobe .25s ease}
@keyframes sobe{from{transform:translateY(20px);opacity:0}to{transform:none;opacity:1}}

/* cartazes: poster de evento */
.cartazes{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:30px;perspective:1200px}
.cartaz{position:relative;display:block;aspect-ratio:4/5.2;border-radius:18px;overflow:hidden;text-decoration:none;color:#fff;background:var(--cor,#A34F2B);
  box-shadow:0 14px 34px rgba(59,42,32,.28);transform-style:preserve-3d;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s;
  opacity:0;transform:translateY(40px) scale(.96);animation:entra .7s cubic-bezier(.2,.8,.2,1) forwards;animation-delay:calc(var(--i,0) * .12s)}
@keyframes entra{to{opacity:1;transform:none}}
.cartaz:hover{box-shadow:0 26px 60px rgba(59,42,32,.42)}
.cartaz .foto,.cartaz .arte{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.8,.2,1)}
.cartaz:hover .foto,.cartaz:hover .arte{transform:scale(1.08)}
.cartaz .arte{background:
  radial-gradient(circle at 85% 12%,rgba(255,255,255,.28),transparent 42%),
  radial-gradient(circle at 10% 95%,rgba(0,0,0,.35),transparent 55%),
  linear-gradient(160deg,var(--cor,#C9683D),color-mix(in srgb,var(--cor,#C9683D) 55%,#2b1a10))}
.cartaz .arte::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(135deg,rgba(255,255,255,.05) 0 2px,transparent 2px 16px)}
.cartaz .arte span{position:absolute;left:22px;right:22px;top:26px;font:800 clamp(24px,3.2vw,34px)/1.05 var(--destaque);text-transform:uppercase;letter-spacing:.5px;text-shadow:0 4px 18px rgba(0,0,0,.35);z-index:1}
.cartaz .info{position:absolute;left:0;right:0;bottom:0;padding:60px 20px 18px;background:linear-gradient(to top,rgba(30,18,10,.92),rgba(30,18,10,.55) 55%,transparent);z-index:2;transform:translateY(46px);transition:transform .4s cubic-bezier(.2,.8,.2,1)}
.cartaz:hover .info{transform:none}
.cartaz .info .min{font:800 11px var(--destaque);letter-spacing:1.4px;text-transform:uppercase;color:var(--dourado)}
.cartaz .info h3{font-size:1.25rem;margin:4px 0 2px}.cartaz .info .quando{font-size:.88rem;opacity:.9}
.cartaz .info .ir{display:inline-block;margin-top:12px;padding:8px 18px;border-radius:999px;background:var(--terracota);font-weight:800;font-size:.85rem;opacity:0;transition:opacity .3s .1s}
.cartaz:hover .info .ir{opacity:1}
.cartaz .brilho{position:absolute;inset:0;z-index:3;pointer-events:none;background:radial-gradient(circle at var(--mx,50%) var(--my,0%),rgba(255,255,255,.28),transparent 45%);opacity:0;transition:opacity .3s}
.cartaz:hover .brilho{opacity:1}
.cartaz .faixa{position:absolute;top:16px;right:-34px;transform:rotate(38deg);background:var(--dourado);color:#3b2a20;font:800 11px var(--destaque);letter-spacing:1px;padding:5px 40px;z-index:4;text-transform:uppercase}
@media (hover:none){.cartaz .info{transform:none}.cartaz .info .ir{opacity:1}}
@media (prefers-reduced-motion:reduce){.cartaz{animation:none;opacity:1;transform:none}}