/* ============================================================
   VERSÍCULO DA MANHÃ — folha de estilo oficial (modelo aprovado)
   Paleta dourada: #F2994A #F5C6A5 #E8C07D | Azul: #7FB3B0 #A9CCE3 #C9C3E3
   ============================================================ */
:root{
  --dourado:#F2994A; --pessego:#F5C6A5; --areia:#E8C07D;
  --teal:#7FB3B0; --ceu:#A9CCE3; --lavanda:#C9C3E3;
  --marrom:#4A3728; --marrom-claro:#7A6A58; --ardosia:#2C3E50;
  --creme:#FDF9F2; --branco:#FFFFFF; --linha:#EFE3D0;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Lato',sans-serif;background:var(--creme);color:var(--marrom);font-size:18px;line-height:1.7}
h1,h2,h3,.serif{font-family:'Playfair Display',serif;color:var(--marrom)}
a{color:var(--dourado);text-decoration:none}
img{max-width:100%;height:auto}
.container{max-width:760px;margin:0 auto;padding:0 20px}

/* ---------- header ---------- */
.topo-faixa{height:6px;background:linear-gradient(90deg,var(--dourado),var(--areia),var(--ceu),var(--teal))}
header.site{background:var(--branco);border-bottom:1px solid var(--linha)}
.brand{display:flex;flex-direction:column;align-items:center;padding:22px 20px 12px;text-align:center}
.brand .sol{width:44px;height:44px;margin-bottom:6px}
.brand .h1{font-family:'Playfair Display',serif;font-size:30px;font-weight:700;letter-spacing:.5px}
.brand .h1 a{color:var(--marrom)}
.brand small{color:var(--marrom-claro);font-size:14px;letter-spacing:2px;text-transform:uppercase}
nav.menu{display:flex;justify-content:center;gap:4px;flex-wrap:wrap;padding:0 10px 14px}
nav.menu a{padding:8px 16px;border-radius:20px;color:var(--marrom);font-weight:700;font-size:15.5px}
nav.menu a.ativo,nav.menu a:hover{background:var(--pessego);color:var(--marrom)}

/* ---------- slot AdSense ---------- */
.ad-box{margin:26px auto;text-align:center;min-height:50px}

/* ---------- hero / versículo do dia ---------- */
.hero{background:linear-gradient(180deg,#FFF6EA 0%,var(--creme) 100%);padding:34px 0 10px;text-align:center}
.hero .chapeu{color:var(--dourado);font-weight:700;letter-spacing:2.5px;text-transform:uppercase;font-size:13.5px}
.hero .data{color:var(--marrom-claro);font-size:15px;margin:4px 0 18px}
.arte{width:100%;max-width:480px;margin:0 auto;border-radius:14px;overflow:hidden;box-shadow:0 10px 30px rgba(122,90,50,.18);display:block}
.arte svg{display:block;width:100%;height:auto}
img.arte{object-fit:cover}
.versiculo-texto{font-family:'Playfair Display',serif;font-size:26px;line-height:1.5;font-style:italic;max-width:600px;margin:26px auto 8px}
.versiculo-ref{color:var(--dourado);font-weight:700;font-size:17px;letter-spacing:1px}
.divisor{display:flex;align-items:center;justify-content:center;gap:12px;margin:26px auto;color:var(--areia)}
.divisor::before,.divisor::after{content:"";height:1px;width:70px;background:var(--areia)}

/* ---------- botões ---------- */
.btn{display:inline-block;padding:14px 28px;border-radius:30px;font-weight:700;font-size:17px;border:none;cursor:pointer;font-family:'Lato',sans-serif}
.btn-dourado{background:var(--dourado);color:#fff}
.btn-zap{background:#25D366;color:#fff}
.btn-linha{background:transparent;border:2px solid var(--dourado);color:var(--dourado)}
.compartilhar{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:18px 0 8px}

/* ---------- newsletter ---------- */
.news{background:linear-gradient(135deg,#FDEEDC 0%,#EAF2F8 100%);border:1px solid var(--linha);border-radius:16px;padding:30px 24px;text-align:center;margin:34px auto}
.news h3{font-size:23px;margin-bottom:6px}
.news p{color:var(--marrom-claro);font-size:16px;margin-bottom:16px}
.news form{display:flex;gap:10px;max-width:440px;margin:0 auto;flex-wrap:wrap;justify-content:center}
.news input[type=email]{flex:1;min-width:220px;padding:14px 18px;border:1px solid var(--areia);border-radius:30px;font-size:16px;font-family:'Lato',sans-serif;background:#fff}
.news .hp{position:absolute;left:-9999px;opacity:0;height:0;width:0}
.news-msg{font-weight:700;margin-bottom:10px}
.news-msg.ok{color:#2E7D32}
.news-msg.erro{color:#B3261E}

/* ---------- cards / seções ---------- */
section.bloco{padding:10px 0 4px}
.bloco h2{font-size:24px;margin:26px 0 4px;text-align:center}
.bloco .sub{text-align:center;color:var(--marrom-claro);font-size:16px;margin-bottom:20px}
.cards{display:grid;grid-template-columns:1fr;gap:14px}
@media(min-width:640px){.cards{grid-template-columns:1fr 1fr}}
.card{background:var(--branco);border:1px solid var(--linha);border-radius:14px;padding:22px;display:block}
.card:hover{box-shadow:0 6px 18px rgba(122,90,50,.12)}
.card .tag{font-size:12.5px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--teal)}
.card.dourado .tag{color:var(--dourado)}
.card h3{font-size:20px;margin:6px 0 6px}
.card p{color:var(--marrom-claro);font-size:15.5px}
.temas-nuvem{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:8px 0 20px}
.temas-nuvem a{background:#EAF2F8;border:1px solid var(--ceu);color:var(--ardosia);padding:9px 18px;border-radius:22px;font-size:15.5px;font-weight:700}
.temas-nuvem a.d{background:#FDEEDC;border-color:var(--areia);color:var(--marrom)}

/* grade de versículos (arquivo) */
.grade-versos{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:20px 0}
@media(min-width:640px){.grade-versos{grid-template-columns:1fr 1fr 1fr}}
.grade-versos a{display:block;border-radius:12px;overflow:hidden;background:#fff;border:1px solid var(--linha)}
.grade-versos .arte{border-radius:0;box-shadow:none;max-width:none}
.grade-versos span.leg{display:block;padding:10px 12px;font-size:14px;font-weight:700;color:var(--marrom)}

/* ---------- página interna ---------- */
.migalha{font-size:14px;color:var(--marrom-claro);padding:16px 0 0}
.migalha a{color:var(--teal);font-weight:700}
article.conteudo{background:var(--branco);border:1px solid var(--linha);border-radius:16px;padding:30px 26px;margin:18px 0}
article.conteudo h1{font-size:28px;line-height:1.35;margin-bottom:4px}
article.conteudo h2{font-size:22px;margin:22px 0 8px}
article.conteudo .meta{color:var(--marrom-claro);font-size:14.5px;margin-bottom:18px}
article.conteudo p{margin-bottom:16px}
.oracao-destaque{background:#FFF6EA;border-left:4px solid var(--dourado);padding:18px 20px;border-radius:0 10px 10px 0;font-family:'Playfair Display',serif;font-style:italic;font-size:19px;margin:18px 0}
.amem{text-align:center;font-family:'Playfair Display',serif;font-size:22px;color:var(--dourado);font-weight:700;margin:10px 0}
.prox-ant{display:flex;justify-content:space-between;gap:10px;margin:20px 0;flex-wrap:wrap}
.prox-ant a{font-weight:700;font-size:15.5px}
.lista-versos .item{background:var(--branco);border:1px solid var(--linha);border-radius:14px;padding:20px 22px;margin-bottom:12px}
.lista-versos .item .vtxt{font-family:'Playfair Display',serif;font-style:italic;font-size:19.5px;line-height:1.55;display:block}
.lista-versos .item .vref{color:var(--dourado);font-weight:700;font-size:15px;margin-top:6px;display:block}

/* paginação */
.paginacao{display:flex;justify-content:center;gap:8px;margin:24px 0;flex-wrap:wrap}
.paginacao a,.paginacao span{padding:9px 16px;border-radius:20px;border:1px solid var(--linha);background:#fff;font-weight:700;font-size:15px;color:var(--marrom)}
.paginacao .atual{background:var(--dourado);color:#fff;border-color:var(--dourado)}

/* ---------- player de áudio (orações) ---------- */
.player{display:flex;align-items:center;gap:16px;background:linear-gradient(135deg,#FFF6EA,#FDEEDC);border:1px solid var(--areia);border-radius:16px;padding:16px 18px;margin:4px 0 22px}
.player .play{width:58px;height:58px;min-width:58px;border-radius:50%;border:none;background:var(--dourado);color:#fff;font-size:22px;cursor:pointer;box-shadow:0 4px 12px rgba(242,153,74,.4)}
.player .play.tocando{background:var(--marrom)}
.player .pinfo{flex:1}
.player .pinfo b{display:block;font-size:16.5px;color:var(--marrom)}
.player .pinfo span{font-size:14px;color:var(--marrom-claro)}
.player .barra{height:6px;background:#F0E2CC;border-radius:3px;margin-top:8px;overflow:hidden}
.player .prog{height:100%;width:0%;background:var(--dourado);border-radius:3px;transition:width .3s linear}

/* ---------- footer ---------- */
footer.site{background:var(--ardosia);color:#DCE6EE;margin-top:40px;padding:34px 0 24px;text-align:center;font-size:15px}
footer.site .serif{color:#fff;font-size:21px;margin-bottom:6px}
footer.site a{color:var(--ceu)}
footer.site .ig{display:inline-block;margin:10px 0;padding:9px 20px;border:1px solid var(--ceu);border-radius:22px;color:#fff;font-weight:700}
footer.site small{display:block;margin-top:14px;color:#9FB2C3}

/* ---------- banner Hostinger (acima do rodapé) ---------- */
.banner-hostinger{display:flex;align-items:center;gap:18px;flex-wrap:wrap;background:linear-gradient(135deg,#2C3E50 0%,#3D5570 100%);border-radius:16px;padding:26px 26px;margin:34px auto 8px;color:#EAF2F8;box-shadow:0 10px 26px rgba(44,62,80,.25)}
.banner-hostinger .bh-icone{font-size:38px;line-height:1}
.banner-hostinger .bh-texto{flex:1;min-width:230px}
.banner-hostinger h3{font-family:'Playfair Display',serif;color:#fff;font-size:21px;margin-bottom:4px}
.banner-hostinger p{font-size:15.5px;color:#C9D6E2;line-height:1.55}
.banner-hostinger p strong{color:#fff}
.banner-hostinger .bh-btn{background:#673DE6;color:#fff;white-space:nowrap;box-shadow:0 4px 14px rgba(103,61,230,.45)}
.banner-hostinger .bh-btn:hover{background:#5a33cc}
@media(max-width:560px){.banner-hostinger{text-align:center;justify-content:center}.banner-hostinger .bh-btn{width:100%;text-align:center}}

/* 404 */
.pagina-404{text-align:center;padding:60px 20px}
.pagina-404 h1{font-size:34px;margin-bottom:10px}