/*
Theme Name: Voz da Promessa | Portal V9 Blog Corrigido
Theme URI: https://vozdapromessadedeus.com.br
Author: Voz da Promessa de Deus
Description: Portal cristão original, responsivo, com conteúdo editorial, páginas institucionais e integração com o blog.
Version: 11.0.0
Requires at least: 6.2
Requires PHP: 7.4
Text Domain: voz-promessa
License: GPL v2 or later
*/
:root{--navy:#091e32;--navy2:#10314a;--ink:#172b3b;--gold:#bd9250;--paper:#fcfaf6;--muted:#667684;--line:#e9e3d8;--radius:18px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.75 system-ui,-apple-system,'Segoe UI',sans-serif}a{color:inherit;text-decoration:none}a:hover{color:#a67d3d}button,input,textarea{font:inherit}img{max-width:100%;height:auto}.container{max-width:1190px;margin:auto;padding:0 24px}.eyebrow{font-size:11px;letter-spacing:.22em;text-transform:uppercase;font-weight:800;color:var(--gold)}h1,h2,h3{font-family:Georgia,'Times New Roman',serif;line-height:1.15;margin:0 0 18px;letter-spacing:-.025em}h1{font-size:clamp(42px,6vw,78px)}h2{font-size:clamp(30px,3.7vw,49px)}h3{font-size:25px}p{margin:0 0 18px}.mini-top{background:#061625;color:#d3dbe1;font-size:11px;letter-spacing:.12em;text-transform:uppercase}.mini-top .container{display:flex;justify-content:space-between;padding-top:8px;padding-bottom:8px}.header{position:relative;z-index:20;background:rgba(255,255,255,.98);box-shadow:0 1px 0 #e8e9e8}.header-row{min-height:86px;display:flex;gap:22px;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:13px;min-width:228px}.brand-emblem{width:46px;height:46px;border:1.5px solid #bc9a62;border-radius:50%;display:grid;place-items:center;background:var(--navy);color:#edcd91;font-size:27px}.brand-name{font:700 19px/1.1 Georgia,serif;color:var(--navy)}.brand small{display:block;font:600 9px/1.5 system-ui;letter-spacing:.16em;text-transform:uppercase;color:#947340}.main-nav ul{display:flex;gap:22px;padding:0;list-style:none;margin:0;align-items:center}.main-nav a{font-size:13px;font-weight:700;color:var(--navy)}.header-actions{display:flex;align-items:center;gap:12px}.search-toggle,.mobile-toggle{background:transparent;border:0;cursor:pointer;padding:9px;color:var(--navy)}.mobile-toggle{display:none}.btn{display:inline-block;background:var(--gold);color:#fff!important;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;border-radius:5px;padding:14px 20px;border:1px solid var(--gold);transition:.2s}.btn:hover{background:#a97d3f;color:#fff}.btn-outline{background:transparent;color:#fff!important;border-color:#ffffff73}.btn-outline:hover{background:#fff;color:var(--navy)!important}.hero{min-height:620px;background:linear-gradient(90deg,rgba(4,19,31,.94),rgba(4,23,38,.75) 48%,rgba(3,24,39,.16)),url('assets/img/hero.svg') center /cover;display:flex;align-items:center;color:white;position:relative;overflow:hidden}.hero:after{content:'';position:absolute;bottom:0;left:0;right:0;height:85px;background:linear-gradient(transparent,rgba(0,0,0,.14))}.hero .container{position:relative;z-index:1;width:100%}.hero-inner{max-width:685px;padding:80px 0}.hero .eyebrow{color:#e8bc72}.hero h1{font-weight:400}.hero h1 em{color:#f0c783;font-style:normal}.hero p{max-width:560px;font-size:18px;color:#e1e8ec}.hero-buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.hero-verse{font-size:12px;opacity:.85;margin-top:36px;letter-spacing:.08em}.ticker{background:#e9deca;color:#24374a;padding:15px 0;font:600 13px/1.5 Georgia,serif;text-align:center}.section{padding:90px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:32px}.section-head p{max-width:500px;color:var(--muted)}.section-head h2{margin-bottom:8px}.text-link{font-size:12px;text-transform:uppercase;letter-spacing:.1em;font-weight:800;color:#8a673c;border-bottom:1px solid #c1a878;padding-bottom:6px}.topic-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.topic{background:white;min-height:230px;border:1px solid var(--line);padding:31px 24px;border-radius:var(--radius);transition:.25s;box-shadow:0 8px 30px #11283b07}.topic:hover{transform:translateY(-5px);border-color:#b89a6a}.topic-icon{display:flex;align-items:center;justify-content:center;border-radius:12px;background:#f3ebdf;width:51px;height:51px;color:#ab8048;font-size:26px;margin-bottom:24px}.topic h3{font-size:21px;margin-bottom:9px}.topic p{font-size:13px;color:var(--muted)}.featured{background:#0c283d;color:#fff;overflow:hidden}.featured-layout{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:65px}.featured-visual{background:url('assets/img/feature.svg') center/cover;border-radius:14px;min-height:445px;box-shadow:26px 27px 0 #ffffff0b}.featured h2{font-size:clamp(34px,4vw,54px)}.featured p{color:#d1dce3}.quote{border-left:3px solid #d1ac68;padding:8px 22px;color:#f7e4bd;font:italic 23px/1.45 Georgia,serif;margin:28px 0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.article-card{background:white;border:1px solid var(--line);border-radius:15px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 8px 30px #11283b08}.thumb{height:180px;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#112f48,#345b69 60%,#bd9250);color:#edce8e;font:italic 28px Georgia,serif;text-align:center;padding:20px}.article-card:nth-child(3n+2) .thumb{background:linear-gradient(135deg,#594532,#c49b61,#f2d6a6);color:#fff}.article-card:nth-child(3n+3) .thumb{background:linear-gradient(135deg,#273e32,#678272,#c5b393);color:#fff}.article-body{padding:26px;flex:1}.article-body h3{font-size:24px}.article-body p{color:var(--muted);font-size:14px}.meta{font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#a27d47;margin-bottom:12px}.cta{padding:80px 0;background:linear-gradient(100deg,#f1e6d3,#faf6ef);text-align:center}.cta p{max-width:630px;margin:0 auto 26px;color:#596675}.footer{background:#071c2d;color:#cad8e2;padding:64px 0 24px}.footer-layout{display:grid;grid-template-columns:2fr 1fr 1.2fr;gap:60px}.footer h3{font-size:20px;color:#fff}.footer p,.footer a{color:#b7c6d0;font-size:13px}.footer-links{display:flex;flex-direction:column;gap:10px}.bottom{border-top:1px solid #ffffff20;margin-top:40px;padding-top:20px;display:flex;justify-content:space-between;gap:16px;font-size:12px}.page-hero{background:linear-gradient(100deg,#0b2538,#1b4052);color:white;padding:90px 0 75px}.page-hero h1{font-size:clamp(38px,5vw,60px)}.page-hero p{max-width:680px;color:#dae4e7}.content-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:70px}.prose{font-size:17px;line-height:1.9}.prose h2{font-size:31px;margin:35px 0 14px}.prose h3{font-size:25px;margin:27px 0 12px}.prose a{color:#926a34;text-decoration:underline}.sidebar{border-left:1px solid var(--line);padding-left:28px}.sidebar h3{font-size:20px}.sidebar a{display:block;padding:12px 0;border-bottom:1px solid var(--line);font-size:14px}.archive-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.search-form{display:flex;gap:8px}.search-form input{border:1px solid #d9d8d2;border-radius:6px;padding:13px;width:100%;min-width:0}.search-form button{border:0;border-radius:6px;background:var(--gold);color:white;padding:10px 15px;cursor:pointer}.wp-block-image img{border-radius:9px}.pagination{margin-top:32px}.pagination .page-numbers{padding:8px 12px;border:1px solid #ddd;margin-right:4px}.not-found{text-align:center;padding:65px 0}.site-search{display:none;background:#fff;padding:15px 0;border-top:1px solid #eee}.site-search.is-open{display:block}.screen-reader-text{position:absolute;clip:rect(1px,1px,1px,1px);overflow:hidden}.skip-link:focus{position:fixed;clip:auto;z-index:999;background:#fff;color:#000;padding:12px}.social-links{display:flex;flex-wrap:wrap;gap:10px}.social-links a{border:1px solid #ffffff40;border-radius:30px;padding:6px 13px}.form-note{font-size:12px;color:var(--muted)}@media(max-width:1050px){.main-nav ul{gap:11px}.main-nav a{font-size:11px}.brand{min-width:200px}.brand-name{font-size:17px}.header-actions .btn{display:none}}@media(max-width:820px){.mobile-toggle{display:block}.main-nav{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;box-shadow:0 14px 20px #0001;padding:20px 24px}.main-nav.open{display:block}.main-nav ul{display:flex;flex-direction:column;align-items:flex-start;gap:15px}.hero{min-height:560px;background-position:60% center}.topic-grid{grid-template-columns:repeat(2,1fr)}.featured-layout,.content-layout{grid-template-columns:1fr}.featured-visual{min-height:340px}.sidebar{border-left:0;padding-left:0}.footer-layout{grid-template-columns:1fr 1fr;gap:32px}.cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:580px){.mini-top{display:none}.container{padding:0 18px}.header-row{min-height:72px}.brand-name{font-size:16px}.brand-emblem{width:39px;height:39px}.hero-inner{padding:75px 0}.hero p{font-size:16px}.section{padding:60px 0}.section-head{display:block}.topic-grid,.cards,.archive-grid,.footer-layout{grid-template-columns:1fr}.topic{min-height:auto}.bottom{display:block}.featured-visual{min-height:270px}.page-hero{padding:60px 0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Fine polish, focus states and logo scaling */
.brand .custom-logo-link{display:flex;align-items:center}.custom-logo{width:auto;max-width:185px;max-height:70px;object-fit:contain}.topic:focus-visible,.btn:focus-visible,a:focus-visible,button:focus-visible{outline:3px solid #d2a75d;outline-offset:4px}.prose{overflow-wrap:anywhere}.main-nav .current-menu-item>a{color:#a67d3d}.article-card .thumb img{width:100%;height:100%;object-fit:cover}.article-card .thumb:has(img){padding:0}.site-search button:hover{background:#a97d3f}

/* Versão cinematográfica: imagem original criada para este portal */
.hero{background:linear-gradient(90deg,#061827 0%,rgba(6,24,39,.97) 23%,rgba(6,24,39,.88) 42%,rgba(6,24,39,.20) 67%,rgba(6,24,39,.10) 100%),url('assets/img/jesus-cinematico.jpg') right center / auto 100% no-repeat,#061827;min-height:650px}
.hero-inner{max-width:700px}
.hero h1{font-size:clamp(42px,5.5vw,75px);text-shadow:0 3px 18px rgba(0,0,0,.35)}
.main-nav ul{gap:clamp(8px,1vw,18px)}
@media(max-width:820px){.hero{background:linear-gradient(90deg,rgba(6,24,39,.97),rgba(6,24,39,.8)),url('assets/img/jesus-cinematico.jpg') right center / auto 100% no-repeat,#061827;min-height:560px}}

/* V5: marca oficial, tipografia e navegação acessível */
.brand-logo{width:62px;height:62px;object-fit:contain;flex:0 0 auto;display:block}
.brand{min-width:250px}.brand-name{font-size:20px}
@media(max-width:580px){.brand-logo{width:48px;height:48px}.brand{min-width:0}.brand-name{font-size:15px}.brand small{font-size:8px}.hero{background-position:right center}}
.main-nav li a:focus-visible{outline:2px solid var(--gold);outline-offset:5px}
.prose img{max-width:100%}.site-search .search-form{max-width:800px}

/* V6 - galeria cinematográfica original na página inicial */
.deus-destaque{font-style:normal;font-weight:900;color:#ffd46e;text-shadow:0 2px 0 #895512,0 0 22px rgba(250,183,53,.33)}
.gold-word{color:#c59337}
.topic-grid{align-items:stretch;gap:18px}
.topic{position:relative;isolation:isolate;overflow:hidden;min-height:290px;padding:0 20px 23px;display:flex;flex-direction:column;justify-content:flex-end;background:#082239;color:#fff;border:1px solid #ac8643;box-shadow:0 12px 30px rgba(8,27,42,.15)}
.topic:before{content:"";position:absolute;inset:0;z-index:-2;background-size:cover;background-position:center;background-repeat:no-repeat;transition:transform .35s ease}
.topic:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,transparent 9%,rgba(5,24,39,.15) 34%,rgba(5,24,39,.96) 78%)}
.topic:hover:before{transform:scale(1.045)}
.topic-1:before{background-image:url('assets/img/categoria-1.webp')}
.topic-2:before{background-image:url('assets/img/categoria-2.webp')}
.topic-3:before{background-image:url('assets/img/categoria-3.webp')}
.topic-4:before{background-image:url('assets/img/categoria-4.webp')}
.topic .topic-icon{width:39px;height:39px;font-size:24px;background:rgba(250,201,97,.17);border:1px solid rgba(250,201,97,.5);color:#ffd274;margin-bottom:12px}
.topic h3{font-size:24px;color:#fff;margin-bottom:6px;text-shadow:0 2px 8px #00101e}
.topic p{font-size:13px;color:#f4f0e7;line-height:1.55;margin:0}
.featured-visual{background-image:url('assets/img/reflexao-cruz.webp');background-size:cover;background-position:center;box-shadow:18px 18px 0 rgba(255,255,255,.07);min-height:420px}
.featured .gold-word{color:#eac06f}
.thumb-fallback{width:100%;height:100%;display:block;background:linear-gradient(180deg,transparent,rgba(4,20,32,.2)),url('assets/img/categoria-1.webp') center/cover}
.article-card:nth-child(3n+2) .thumb-fallback{background-image:linear-gradient(180deg,transparent,rgba(4,20,32,.2)),url('assets/img/categoria-2.webp')}
.article-card:nth-child(3n+3) .thumb-fallback{background-image:linear-gradient(180deg,transparent,rgba(4,20,32,.2)),url('assets/img/categoria-3.webp')}
@media(max-width:820px){.topic{min-height:280px}}
@media(max-width:580px){.topic{min-height:270px}.hero h1{font-size:clamp(39px,10vw,55px)}.featured-visual{min-height:280px}}

/* V7 - imagens atualizadas e enquadramento editorial */
.topic:before{background-position:center 36%;image-rendering:auto;filter:contrast(1.05) saturate(1.06)}
.topic:after{background:linear-gradient(180deg,rgba(3,21,34,.02) 0%,rgba(3,21,34,.06) 30%,rgba(3,21,34,.76) 65%,rgba(3,21,34,.98) 100%)}
.topic{border-radius:19px;border:1px solid rgba(192,143,57,.7);box-shadow:0 18px 40px rgba(2,22,40,.16)}
.topic:hover{box-shadow:0 20px 45px rgba(2,22,40,.23);transform:translateY(-3px)}
.featured-visual{background-position:center 48%;border-radius:16px;filter:contrast(1.05) saturate(1.08)}
@media(min-width:820px){.topic{min-height:310px}}

/* V8: evidencia DEUS na identidade da marca e explicita o link do blog */
.brand .brand-subtitle{display:block;font-size:10px;letter-spacing:.115em;color:#a87928;line-height:1.9;font-weight:750;white-space:nowrap}
.brand .brand-deus{font:900 15px/1 Georgia,'Times New Roman',serif;color:#a56d0b;letter-spacing:.015em;text-shadow:0 0 1px #daaa45;background:linear-gradient(120deg,#c58b1e,#80500a);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;padding:0 2px}
.brand .brand-divider{color:#9b8057}
.topic.topic-4{cursor:pointer}
.topic.topic-4 .topic-action{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#fff;background:#a97721;border:1px solid #e3c27e;border-radius:8px;padding:8px 9px;font:800 10px/1.3 system-ui,sans-serif;letter-spacing:.07em;margin-top:12px;width:fit-content;max-width:100%;box-shadow:0 2px 10px #081d2a75}
.topic.topic-4 .topic-action-arrow{font-size:17px;line-height:1}
.topic.topic-4:hover .topic-action,.topic.topic-4:focus-visible .topic-action{background:#d2a039;color:#091e32}
@media(max-width:580px){.brand .brand-subtitle{font-size:8px}.brand .brand-deus{font-size:12px}}

/* V9: CTA do blog visível e card integralmente clicável */
.topic-grid .topic.topic-4{display:flex!important;cursor:pointer!important;position:relative;z-index:1;}
.topic-grid .topic.topic-4 .topic-action{display:inline-flex!important;visibility:visible!important;opacity:1!important;background:#edb94b!important;color:#081d2d!important;border:2px solid #ffe3a0!important;font-weight:900!important;font-size:12px!important;letter-spacing:.035em!important;border-radius:8px!important;margin-top:14px!important;padding:11px 14px!important;align-items:center!important;gap:10px!important;line-height:1.3!important;}
.topic-grid .topic.topic-4:hover .topic-action{background:#fff0bc!important;}
.topic-grid .topic.topic-4:focus-visible{outline:4px solid #ffbd50;outline-offset:4px}

/* V10: visible actionable blog card, independent of decorative overlays. */
.topic-grid a.topic-4{cursor:pointer!important;pointer-events:auto!important;position:relative!important;isolation:isolate!important}
.topic-grid a.topic-4 .topic-action{display:inline-flex!important;position:relative!important;z-index:4!important;opacity:1!important;visibility:visible!important;background:#efba43!important;color:#061827!important}
.topic-grid a.topic-4:hover{outline:3px solid #d7a342;outline-offset:3px}

/* V11: blog links and card always offer visible click affordance */
a.vpd-blog-link{cursor:pointer!important;pointer-events:auto!important}
a.vpd-blog-link:hover{filter:brightness(1.08)}