/* pages.css — estilos das páginas individuais geradas (homenageado, pet, post)
   Separado do style.css para evitar conflito e manter o gerador autocontido. */

/* ---- Homenageado / Pet (individual) ---- */
#container.homenageado-single #content { max-width:760px; margin:0 auto; padding:0 20px 60px; text-align:center; }
#homenageado-single .foto { width:230px; margin:0 auto 20px; }
#homenageado-single .foto img { width:230px; height:230px; object-fit:cover; border-radius:50%; filter:grayscale(1); }
#homenageado-single .nome { font-family:'Playfair Display', serif; font-size:30px; color:#2a273b; margin:10px 0 6px; }
#homenageado-single .dados-falecimento { color:#657373; text-transform:uppercase; font-size:14px; letter-spacing:.5px; margin-bottom:20px; }
#homenageado-single .epitafio { font-family:'Playfair Display', serif; font-style:italic; color:#657373; font-size:19px; max-width:560px; margin:0 auto 30px; }
#homenageado-single .biografia { text-align:left; max-width:640px; margin:30px auto; }
#homenageado-single .biografia h3 { font-family:'stackyard', serif; color:#ad8d7e; font-size:30px; font-weight:normal; margin-bottom:12px; }
#homenageado-single .biografia p { color:#444; line-height:1.8; }
#homenageado-single .feed-mensagens { border-top:1px solid #e2ddd6; margin-top:40px; padding-top:30px; }
#homenageado-single .feed-mensagens h3 { font-family:'stackyard', serif; color:#ad8d7e; font-size:30px; font-weight:normal; }
#homenageado-single .feed-placeholder { color:#8a8a8a; font-style:italic; margin-top:10px; }
#homenageado-single .voltar { margin-top:40px; }
#homenageado-single .voltar a { color:#3c7e74; font-weight:600; }

/* ---- Post de blog (individual) ---- */
#container.blog-post #content { max-width:760px; margin:0 auto; padding:0 20px 60px; }
#post-single .titulo { font-family:'stackyard', serif; color:#ad8d7e; font-weight:normal; text-align:center; font-size:40px; margin:20px 0 10px; }
#post-single .post-data { text-align:center; color:#8a8a8a; text-transform:uppercase; font-size:13px; margin-bottom:24px; }
#post-single .post-capa { margin:0 auto 30px; max-width:100%; }
#post-single .post-capa img { width:100%; height:auto; border-radius:8px; }
#post-single .post-conteudo { color:#333; line-height:1.85; }
#post-single .post-conteudo h2, #post-single .post-conteudo h3 { font-family:'Playfair Display', serif; color:#2a273b; margin:26px 0 10px; }
#post-single .post-conteudo p { margin:0 0 16px; }
#post-single .post-conteudo ul { margin:0 0 16px 20px; list-style:disc; }
#post-single .post-conteudo img { max-width:100%; height:auto; border-radius:6px; margin:16px 0; }
#post-single .voltar { margin-top:40px; text-align:center; }
#post-single .voltar a { color:#3c7e74; font-weight:600; }

@media screen and (max-width:980px){
  #container.homenageado-single #content, #container.blog-post #content { padding-top:10px; }
}

/* ---- Formulários (faça sua homenagem / conta / mural) ---- */
#container.faca-homenagem #content, #container.conta #content { max-width:640px; margin:0 auto; padding:0 20px 60px; }
.intro-form { text-align:center; color:#555; margin:16px 0 26px; line-height:1.7; }
.form-homenagem, .conta-box .form-abyny { flex-direction:column; align-items:stretch; gap:12px; }
.form-homenagem input, .form-homenagem textarea, .conta-box input {
  width:100%; padding:12px 14px; border:1px solid #ccc; border-radius:6px; font-family:inherit; font-size:15px; background:#fff;
}
.form-homenagem textarea { resize:vertical; }
.form-homenagem .linha-dupla, .form-homenagem .linha-tripla { display:flex; gap:12px; }
.form-homenagem .linha-dupla > *, .form-homenagem .linha-tripla > * { flex:1 1 0; min-width:0; }
.campo-simbolo { margin:4px 0; }
.campo-simbolo > label { display:block; font-weight:600; color:#2a273b; margin-bottom:6px; }
.opcoes-simbolo { display:flex; gap:18px; flex-wrap:wrap; color:#444; }
.opcoes-simbolo label { font-weight:400; }
.nota-foto { color:#8a8a8a; font-size:13px; }
.form-homenagem button, .conta-box button { align-self:center; margin-top:6px; }
.feedback { padding:12px 14px; border-radius:6px; margin-top:12px; }
.feedback.erro { background:#fdecec; color:#c0392b; }
.feedback.aviso { background:#eef6f3; color:#2f635f; }
.conta-wrap { display:flex; gap:24px; flex-wrap:wrap; }
.conta-box { flex:1 1 260px; background:#f7f5f0; border-radius:8px; padding:24px; }
.conta-box h3 { font-family:'Playfair Display',serif; color:#2a273b; margin-bottom:14px; text-align:center; }
/* mural de mensagens (página individual) */
#homenageado-single .form-mensagem { flex-direction:column; align-items:stretch; gap:10px; max-width:520px; margin:10px auto 20px; }
#homenageado-single .form-mensagem textarea { width:100%; padding:12px; border:1px solid #ccc; border-radius:6px; font-family:inherit; resize:vertical; }
#homenageado-single .form-mensagem button { align-self:center; }
#homenageado-single .mensagens-lista { max-width:560px; margin:0 auto; text-align:left; }
#homenageado-single .msg-item { background:#f7f5f0; border-radius:8px; padding:14px 16px; margin:10px 0; }
#homenageado-single .msg-item .autor { font-weight:700; color:#2a273b; font-size:14px; }
#homenageado-single .msg-item .texto { color:#444; margin-top:4px; }

/* ---- Doações (envie uma homenagem) ---- */
#homenageado-single .area-doacoes { border-top:1px solid #e2ddd6; margin-top:30px; padding-top:26px; }
#homenageado-single .area-doacoes h3 { font-family:'stackyard', serif; color:#ad8d7e; font-size:30px; font-weight:normal; }
#homenageado-single .doacao-sub { color:#8a8a8a; font-size:14px; margin-bottom:16px; }
.produtos-doacao { display:flex; gap:14px; justify-content:center; flex-wrap:wrap; }
.btn-doacao { display:flex; flex-direction:column; align-items:center; gap:4px; cursor:pointer;
  background:#f7f5f0; border:2px solid transparent; border-radius:12px; padding:16px 20px; min-width:110px;
  transition:border-color .15s, box-shadow .15s; font-family:inherit; }
.btn-doacao:hover { border-color:#3c7e74; box-shadow:0 4px 14px rgba(45,43,69,.1); }
.btn-doacao .emoji { font-size:30px; }
.btn-doacao .nome { color:#2a273b; font-weight:600; }
.btn-doacao b { color:#3c7e74; }