/* ==========================================================================
   Notícias da Igreja — o Jornal O São Paulo lido dentro do site da Catedral
   ========================================================================== */
.nw{background:#07090f;padding-top:84px}
.nw-prog{position:fixed;left:0;top:0;z-index:120;height:3px;width:0;background:linear-gradient(90deg,#e06a1b,#f7a046)}
.nw-bar{border-bottom:1px solid var(--linha-sutil);background:rgba(7,9,15,.9);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);position:sticky;top:64px;z-index:30}
.nw-bar .wrap{display:flex;align-items:center;gap:16px;padding-top:14px;padding-bottom:14px;flex-wrap:wrap}
.nw-bar .ic{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:linear-gradient(145deg,#f7a046,#e06a1b);color:#fff;flex:none}
.nw-bar .ic svg{width:18px;height:18px}
.nw-bar b{font-family:var(--ff-display);font-weight:400;font-size:19px;color:#f3eddf}
.nw-bar small{font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:#f7a046}
.nw-bar .at{margin-left:auto;font-size:12.5px;color:var(--texto-mute)}
.nw-bar a{display:inline-flex;align-items:center;gap:7px;padding:9px 14px;border:1px solid var(--linha);color:#efe9db;font-size:11px;letter-spacing:.14em;text-transform:uppercase;text-decoration:none}
.nw-bar a:hover{border-color:#f7a046}
.nw-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:clamp(30px,4vw,64px);padding-top:clamp(34px,4vw,56px);padding-bottom:clamp(80px,9vw,120px);align-items:start}
/* a matéria */
.nw-art{min-width:0;transition:opacity .45s,transform .6s cubic-bezier(.2,.8,.2,1)}
.nw-art.troca{opacity:0;transform:translateY(14px)}
.nw-art .cat{display:inline-block;padding:6px 10px;background:#e06a1b;color:#fff;font-size:10px;font-weight:700;letter-spacing:.2em;text-transform:uppercase}
.nw-art h1{margin-top:18px;font-family:var(--ff-display);font-weight:400;font-size:clamp(32px,4vw,58px);line-height:1.08;color:#f7f1e3;text-wrap:balance}
.nw-art .meta{display:flex;gap:14px;flex-wrap:wrap;align-items:center;margin-top:18px;font-size:13px;color:var(--texto-mute)}
.nw-art .meta span+span::before{content:"·";margin-right:14px;color:var(--linha)}
.nw-art .fig{position:relative;margin:30px 0 0;aspect-ratio:16/9;overflow:hidden;background:#0b0e15}
.nw-art .fig img{width:100%;height:100%;object-fit:cover;transform:scale(1.02);animation:nwKen 14s ease-out forwards}
@keyframes nwKen{to{transform:scale(1.1)}}
.nw-art .fig::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(7,9,15,.35),transparent 40%)}
.nw-body{margin-top:34px;max-width:72ch;font-size:18px;line-height:1.8;color:#d9d3c5}
.nw-body p{margin:0 0 1.2em}
.nw-body h2,.nw-body h3,.nw-body h4{margin:1.6em 0 .6em;font-family:var(--ff-display);font-weight:400;color:#f3eddf;line-height:1.25}
.nw-body h2{font-size:28px}.nw-body h3{font-size:24px}.nw-body h4{font-size:20px}
.nw-body a{color:var(--ouro-claro);text-decoration:underline;text-decoration-color:rgba(232,199,122,.4);text-underline-offset:3px}
.nw-body strong,.nw-body b{color:#f3eddf}
.nw-body blockquote{margin:1.6em 0;padding:6px 0 6px 26px;border-left:2px solid #e06a1b;font-family:var(--ff-display);font-style:italic;font-size:22px;color:#efe9db}
.nw-body figure{margin:1.8em 0}
.nw-body img{display:block;max-width:100%;height:auto}
.nw-body figcaption{margin-top:8px;font-size:13px;color:var(--texto-mute)}
.nw-body ul,.nw-body ol{margin:0 0 1.2em 1.2em}
.nw-body iframe{width:100%;aspect-ratio:16/9;height:auto;border:0}
.nw-body>p:first-of-type::first-letter{font-family:var(--ff-display);float:left;font-size:3.6em;line-height:.85;margin:8px 12px 0 0;color:#f7a046}
.nw-fonte{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;margin-top:40px;padding:22px 24px;border:1px solid var(--linha-sutil);background:rgba(255,255,255,.02)}
.nw-fonte p{font-size:13.5px;color:var(--texto-dim)}
.nw-fonte p b{color:#efe9db;font-weight:500}
.nw-fonte .bt{display:flex;gap:10px;flex-wrap:wrap}
.nw-fonte .bt a{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;border:1px solid var(--linha);color:#efe9db;transition:.3s}
.nw-fonte .bt a:hover{border-color:#f7a046;color:#fff}
.nw-fonte .bt a svg{width:15px;height:15px}
.nw-carrega{padding:60px 0;color:var(--texto-mute)}
/* ao lado: mais recentes */
.nw-side{position:sticky;top:140px;max-height:calc(100vh - 160px);overflow:auto;scrollbar-width:thin;scrollbar-color:rgba(247,160,70,.35) transparent;padding-right:4px}
.nw-side h3{display:flex;align-items:center;gap:10px;font-size:11px;font-weight:700;letter-spacing:.26em;text-transform:uppercase;color:#f7a046;padding-bottom:14px;border-bottom:1px solid var(--linha-sutil)}
.nw-side h3 i{width:7px;height:7px;border-radius:50%;background:#f7a046;animation:nwDot 1.6s infinite}
@keyframes nwDot{50%{opacity:.25}}
.nw-it{display:grid;grid-template-columns:92px minmax(0,1fr);gap:14px;padding:14px 0;border-bottom:1px solid var(--linha-sutil);color:inherit;text-decoration:none;position:relative;opacity:0;transform:translateX(12px);transition:opacity .6s,transform .7s cubic-bezier(.2,.8,.2,1)}
.nw-side.in .nw-it{opacity:1;transform:none}
.nw-it .th{position:relative;aspect-ratio:4/3;overflow:hidden;background:#0b0e15}
.nw-it .th img{width:100%;height:100%;object-fit:cover;filter:brightness(.82);transition:transform 1s cubic-bezier(.19,1,.22,1),filter .5s}
.nw-it:hover .th img{transform:scale(1.08);filter:brightness(1)}
.nw-it small{display:block;font-size:9.5px;letter-spacing:.2em;text-transform:uppercase;color:#f7a046}
.nw-it b{display:block;margin-top:5px;font-weight:500;font-size:14px;line-height:1.38;color:#e9e3d4;transition:color .3s}
.nw-it:hover b{color:#fff}
.nw-it span.q{display:block;margin-top:4px;font-size:11.5px;color:var(--texto-mute)}
.nw-it.on::before{content:"";position:absolute;left:-12px;top:14px;bottom:14px;width:3px;background:#f7a046}
.nw-it.on b{color:#fff}
@media (max-width:1060px){ .nw-grid{grid-template-columns:1fr} .nw-side{position:static;max-height:none} }
@media (max-width:620px){ .nw-body{font-size:17px} .nw-bar .at{display:none} }
/* barra do topo: "Jornal O São Paulo · ao vivo" em cima, "Notícias da Igreja" embaixo (estavam colados na mesma linha) */
.nw-bar small{display:block;margin-bottom:3px;line-height:1.3}
.nw-bar b{display:block;line-height:1.2}