/* ═══════════════════════════════════════════════════════════════════════
   Devocionales del blog — capa premium 2026 (pieza 4 de la estética).
   Se enlaza DESPUÉS del <style> de cada página y de /css/marca.css, en las
   59 de /devocional/ y en /devocionales. Quitar el
   <link id="sdv-devo-premium"> devuelve el aspecto anterior.
   ═══════════════════════════════════════════════════════════════════════ */

:root{
  --p-gold:#c9a84c;--p-gold-l:#e8d48b;--p-gold-d:#a07c2a;
  --p-text:#f3eee2;--p-text-2:rgba(232,226,214,.74);--p-text-3:rgba(232,226,214,.52);
  --p-line:rgba(201,168,76,.16);--p-line-2:rgba(201,168,76,.34);
  --p-surface:linear-gradient(180deg,rgba(255,255,255,.048),rgba(255,255,255,.014));
  --p-surface-gold:linear-gradient(150deg,rgba(201,168,76,.16),rgba(13,27,62,.55) 55%,rgba(13,27,62,.35));
  --p-shadow:0 1px 0 rgba(255,255,255,.05) inset,0 24px 48px -28px rgba(0,0,0,.65);
  --p-ease:cubic-bezier(.2,.7,.2,1);
}

/* ── Índice /devocionales ───────────────────────────────────────────── */
/* Entrada más corta: 0,7 s cansaba al bajar por 59 tarjetas */
.reveal{transform:translateY(12px);transition:opacity .42s var(--p-ease),transform .42s var(--p-ease)}
.filter-bar{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;justify-content:flex-start}
.filter-bar::-webkit-scrollbar{display:none}
.filter-btn{flex:none;white-space:nowrap;font-weight:500;transition:background .15s,border-color .15s,color .15s}
.filter-btn:hover{border-color:var(--p-line-2);color:var(--p-gold-l)}
.filter-btn.active{box-shadow:0 1px 0 rgba(255,255,255,.35) inset,0 6px 18px -6px rgba(201,168,76,.6)}
@media(min-width:760px){.filter-bar{flex-wrap:wrap;justify-content:center;overflow:visible}}
.card{background:var(--p-surface);border-color:rgba(255,255,255,.07);box-shadow:var(--p-shadow);border-radius:20px}
.card:hover{border-color:var(--p-line-2)}
.card--featured{background:var(--p-surface-gold);border-color:var(--p-line-2)}
.card-tag{border:1px solid rgba(255,255,255,.12);background:transparent;color:var(--p-text-3)}
.section-head h2{font-weight:600}
.grid-count{white-space:nowrap}

/* ── Página de devocional ──────────────────────────────────────────── */
.devocional-title{font-weight:600;letter-spacing:.01em;line-height:1.25;text-wrap:balance}
.meta-info{gap:.45rem!important}
.meta-tag{background:transparent;border-color:var(--p-line-2);font-weight:500}
.section-title{font-weight:600;letter-spacing:.03em}
.verse-block,.insight-box,.prayer-section,.listen-section{border-radius:20px;box-shadow:var(--p-shadow)}
.insight-box,.prayer-section{background:var(--p-surface)}
.listen-section{background:var(--p-surface-gold)}
.audio-cta{box-shadow:0 1px 0 rgba(255,255,255,.35) inset,0 10px 28px -10px rgba(201,168,76,.6)}
.faq-item{border-radius:16px;background:var(--p-surface)}

/* Compartir: botones de cristal; el color de cada red solo en su icono */
.share-section h4{font-family:'Inter',sans-serif;font-size:.7rem;font-weight:600;letter-spacing:.24em;color:var(--p-text-3)}
.share-btn,.share-whatsapp,.share-facebook,.share-twitter,.share-copy{
  background:var(--p-surface);color:var(--p-text);border:1px solid rgba(255,255,255,.1)!important;
  box-shadow:var(--p-shadow);transition:border-color .15s,transform .15s}
.share-btn:hover{opacity:1;border-color:var(--p-line-2)!important}
.share-whatsapp svg{color:#25d366}
.share-facebook svg{color:#4f8ef7}
.share-twitter svg{color:#f3eee2}
.share-copy svg{color:var(--p-gold-l)}

/* Anterior / siguiente */
.nav-post{border-radius:18px;background:var(--p-surface);box-shadow:var(--p-shadow);transition:border-color .2s,transform .2s var(--p-ease)}
.nav-post:hover{transform:translateY(-2px)}
.nav-post .direction{color:var(--p-gold);font-weight:600;letter-spacing:.14em}
.nav-post .post-title{color:var(--p-text)}

/* Pie común: enlaces + firma (la firma va en todas las webs de Zax) */
.dv-foot{text-align:center;padding:2.6rem 1.25rem 3rem;margin-top:3rem;border-top:1px solid rgba(255,255,255,.06);font-family:'Inter',sans-serif}
.dv-foot-links{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem 1.4rem}
.dv-foot-links a{font-size:.8rem;color:#8b90a0;text-decoration:none;transition:color .2s}
.dv-foot-links a:hover{color:var(--p-gold-l)}
.dv-foot-copy{font-size:.74rem;color:#5c6373;margin-top:1.2rem}
.footer-credit{font-family:'Inter',sans-serif;font-size:.78rem;margin-top:.55rem;color:rgba(255,255,255,.45);letter-spacing:.03em}
.footer-credit a{color:var(--p-gold-l);text-decoration:none;font-weight:600;transition:color .3s,text-shadow .3s}
.footer-credit a:hover,.footer-credit a:focus-visible{color:#E8CE7A;text-shadow:0 0 14px rgba(201,168,76,.7)}

@media(prefers-reduced-motion:reduce){.nav-post,.share-btn{transition:none}}