/* Passos do Bem. Visual herdado do protótipo: navy, dourado e marfim */
:root{--navy:#091e38;--ouro:#d9a533;--ouro-esc:#8d681a;--marfim:#f8f5ed;--cinza:#5c6672}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:20px}
body{background:var(--marfim);color:var(--navy);margin:0;font-family:"DM Sans",Arial,sans-serif;line-height:1.65}
a{color:inherit;text-decoration:none}
img{max-width:100%}

.topo{border-bottom:1px solid #dcd9ce;display:flex;justify-content:space-between;align-items:center;padding:22px 6%;gap:16px}
.marca img{display:block;width:260px;height:auto}
nav{display:flex;align-items:center;gap:30px;font-size:13px}
.botao-pq{border:1px solid var(--navy);border-radius:30px;padding:9px 18px;white-space:nowrap}
.botao-pq:hover{background:var(--navy);color:#fff}

h1,h2{font-family:"Playfair Display",Georgia,serif;font-weight:500;letter-spacing:-2px;line-height:1.08}
h1{margin:24px 0;font-size:clamp(46px,5.4vw,80px)}
h2{margin:15px 0 25px;font-size:clamp(36px,4vw,56px)}
h1 em,h2 em{color:#b48529;font-weight:500}
.sobretitulo{letter-spacing:2.5px;color:var(--ouro-esc);font-size:11px;font-weight:700;margin:0}
.lead{color:var(--cinza);max-width:480px;font-size:17px}
.nota{color:var(--cinza);font-size:12px}
.botao{display:inline-block;background:var(--navy);color:#fff;border:0;border-radius:6px;margin:12px 0;padding:15px 25px;font:700 14px "DM Sans",Arial,sans-serif;cursor:pointer;text-align:center}
.botao:hover{background:#254465}

.hero{display:grid;grid-template-columns:.9fr 1.2fr;gap:40px;align-items:center;max-width:1400px;margin:auto;padding:65px 6% 50px}
.fatos{display:flex;gap:25px;border-top:1px solid #d8d7ce;margin-top:32px;padding-top:23px}
.fatos span{color:var(--cinza);font-size:11px}
.fatos b{display:block;font-size:23px}
figure{background:#eee9dd;border-radius:12px;margin:0;overflow:hidden}
figure img{display:block;width:100%;height:auto}
figcaption{text-align:center;letter-spacing:1px;padding:12px;font-size:11px}

.secao{max-width:1280px;margin:auto;padding:75px 6%}
.cabecalho{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.cabecalho p:not(.sobretitulo){color:var(--cinza)}
.etapas{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:40px}
.etapas article{border-top:2px solid var(--ouro);padding-top:23px}
.etapas span{letter-spacing:2px;color:var(--ouro-esc);font-size:10px}
.etapas h3{font-size:18px}
.etapas p{color:var(--cinza);font-size:14px}

.causa{background:var(--navy);color:var(--marfim);text-align:center;padding:75px 20%}
.causa .sobretitulo{color:var(--ouro)}
.causa h2 em{color:var(--ouro)}
.causa p:not(.sobretitulo){color:#c2cbda;max-width:680px;margin:20px auto}

.camiseta{display:grid;grid-template-columns:1.1fr 1fr;gap:90px;align-items:center}
.preco{margin:25px 0 0;font-size:44px;font-weight:700}
.preco span{font-size:13px;font-weight:400}
.tamanhos{letter-spacing:7px;font-size:17px}
.camiseta small{display:block;color:var(--cinza);max-width:420px;margin-top:15px;font-size:11px}
.citacao{background:var(--navy);color:var(--marfim);text-align:center;border-radius:12px;padding:50px 20px;font-family:"Playfair Display",Georgia,serif;font-size:40px;line-height:1.2}
.citacao span{display:block;letter-spacing:2px;color:var(--ouro);margin-top:20px;font:10px "DM Sans",Arial,sans-serif}
.apoio{list-style:none;margin:30px auto 0;padding:24px 0 0;border-top:1px solid rgba(217,165,51,.4);max-width:360px;display:grid;gap:12px}
.apoio li{font:13px "DM Sans",Arial,sans-serif;color:#ccd4df;line-height:1.4}
.apoio b{display:block;color:var(--ouro);letter-spacing:2px;font-size:15px;text-transform:uppercase}
.citacao b{letter-spacing:4px;font:700 19px "DM Sans",Arial,sans-serif}
.citacao small{display:block;color:#ccd4df;margin:10px auto;font:14px "DM Sans",Arial,sans-serif}

.form-secao{background:#eae7df;display:grid;grid-template-columns:1fr 1fr;gap:80px;padding:80px max(6%,50vw - 560px)}
.form-cartao{background:var(--marfim);border-radius:12px;padding:32px}
.form-cartao h3{margin-top:0;font-size:22px}
label{display:block;margin-bottom:15px;font-size:12px;font-weight:600}
.opc{font-weight:400;color:var(--cinza)}
input,select{display:block;width:100%;color:var(--navy);background:#fff;border:1px solid #bfc5ca;border-radius:5px;margin-top:6px;padding:13px;font:15px "DM Sans",Arial,sans-serif}
input:focus,select:focus{outline:2px solid var(--ouro);outline-offset:2px}
.campos{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.check{display:flex;align-items:flex-start;gap:10px;font-size:12px;font-weight:400;line-height:1.5}
.check input{width:17px;height:17px;flex-shrink:0;margin-top:2px;accent-color:var(--navy)}
.form-cartao .botao{width:100%}
.isca{display:none}
.erro{background:#fbeaea;color:#a02626;border-radius:6px;padding:10px 14px;font-size:14px}
.sucesso{text-align:center}
.sucesso-icone{color:#427a53;font-size:44px;margin:0}

.faq{max-width:1050px}
details{border-bottom:1px solid #d5d6d2;padding:20px 0}
summary{cursor:pointer;font-weight:600}
details p{color:var(--cinza);font-size:14px}

/* Alimento opcional, dentro da faixa da causa */
.alimento{display:inline-flex;flex-direction:column;gap:4px;border:1px solid rgba(217,165,51,.55);border-radius:10px;padding:16px 24px;margin-top:10px;max-width:520px}
.alimento b{color:var(--ouro);font-size:17px}
.alimento span{color:#c2cbda;font-size:13px}

/* Agenda: o evento atual e os que vêm */
.eventos{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:40px}
.evento{background:#fff;border:1px solid #dcd9ce;border-radius:12px;padding:24px}
.evento h3{font-family:"Playfair Display",Georgia,serif;font-weight:500;font-size:24px;margin:12px 0 6px}
.evento p{color:var(--cinza);font-size:14px;margin:0 0 10px}
.evento a{font-weight:700;font-size:14px;color:var(--ouro-esc)}
.evento.ativo{background:var(--navy);border-color:var(--navy);color:var(--marfim)}
.evento.ativo p{color:#c2cbda}
.evento.ativo a{color:var(--ouro)}
.selo{display:inline-block;letter-spacing:2px;font-size:10px;font-weight:700;border-radius:20px;padding:4px 10px;background:#eee9dd;color:var(--ouro-esc)}
.evento.ativo .selo{background:var(--ouro);color:var(--navy)}

footer{background:var(--navy);color:#c6cfda;display:flex;justify-content:space-between;gap:25px;padding:35px 6%;font-size:11px}
footer b{color:var(--marfim);letter-spacing:2px}

/* Lista de pré-pedidos (pedidos.php) */
.adm{max-width:1200px;margin:auto;padding:30px 4%}
.adm h1{font-size:34px;letter-spacing:-1px;margin:10px 0 20px}
.resumo{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}
.resumo div{background:#fff;border:1px solid #dcd9ce;border-radius:10px;padding:12px 18px;min-width:90px}
.resumo b{display:block;font-size:24px}
.resumo span{color:var(--cinza);font-size:11px;letter-spacing:1px}
.tabela{overflow-x:auto;background:#fff;border:1px solid #dcd9ce;border-radius:10px}
.tabela table{border-collapse:collapse;width:100%;font-size:14px}
.tabela th,.tabela td{padding:10px 12px;border-bottom:1px solid #eee;text-align:left;white-space:nowrap}
.tabela th{background:#f1eee6;font-size:11px;letter-spacing:1px}
.tabela a{color:#1f6f43;font-weight:600}
.adm-acoes{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.login{max-width:360px;margin:12vh auto;padding:0 16px}
.aviso{background:#e6f2ea;color:#2f5f3f;border-radius:8px;padding:10px 14px;font-size:14px}
.filtros{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}
.filtros a{border:1px solid #cfccc2;border-radius:20px;padding:6px 14px;font-size:13px;background:#fff}
.filtros a.ativo{background:var(--navy);border-color:var(--navy);color:#fff}
.status{display:inline-block;border-radius:20px;padding:2px 10px;font-size:12px;font-weight:600;background:#fdf1d8;color:#8d681a}
.st-confirmada .status{background:#e6f2ea;color:#2f5f3f}
.st-cancelada .status{background:#eee;color:#888}
.st-cancelada td{color:#999}
.acoes{display:flex;gap:6px}
.acoes form{margin:0}
.acoes button{border:0;border-radius:6px;padding:7px 12px;font:600 12px "DM Sans",Arial,sans-serif;cursor:pointer}
.b-ok{background:#2f7a4b;color:#fff}
.b-sec{background:#eee9dd;color:var(--navy)}

@media (max-width:800px){
  nav a:not(.botao-pq){display:none}
  .topo{padding:16px 5%}
  .marca img{width:180px}
  .botao-pq{padding:8px 12px;font-size:11px}
  .hero{grid-template-columns:1fr;gap:25px;padding:38px 6%}
  h1{font-size:46px}
  .fatos{gap:18px}
  .fatos b{font-size:20px}
  .secao{padding:55px 6%}
  .cabecalho,.camiseta,.form-secao{grid-template-columns:1fr;gap:25px}
  .etapas,.eventos{grid-template-columns:1fr;gap:15px;margin-top:20px}
  .causa{padding:55px 7%}
  .citacao{padding:40px 20px;font-size:25px}
  .form-secao{padding:55px 6%}
  .form-cartao{padding:22px}
  .campos{grid-template-columns:1fr;gap:0}
  footer{flex-direction:column;gap:8px}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}