/* ═══════════════════════════════════════════════════════════════════════
   «Noche quieta» (oct 2026) — capa ÚLTIMA de la cascada, tras premium.css.
   Misma marca (navy + oro), la mitad de ruido: Sora fina en vez de Cinzel,
   oro macizo solo en lo que se toca, sin texto en degradado, sin marcos
   dorados, tarjetas planas y un botón de reproducir protagonista en el héroe.
   REVERSIBLE: quitar <link id="sdv-noche"> y el bloque .hero-orb de index.html
   (y devolver Cinzel al enlace de Google Fonts).
   ═══════════════════════════════════════════════════════════════════════ */

/* Sora local. Se registra también como «Cinzel» para que las ~70 reglas que
   piden Cinzel caigan en Sora sin reescribirlas una por una. */
@font-face{font-family:'Sora';src:url(/fonts/sora-latin.woff2) format('woff2');font-weight:200 700;font-display:swap}
@font-face{font-family:'Cinzel';src:url(/fonts/sora-latin.woff2) format('woff2');font-weight:200 700;font-display:swap}

:root{
    --n-bg:#0a0d18;
    --n-bg-2:#0e1222;
    --n-glow:#1a2140;
    --n-gold:#d4b25e;
    --n-gold-ink:#0a0d18;
    --n-text:#ece8de;
    --n-text-2:#a3a7b8;
    --n-text-3:#6f7388;
    --n-line:rgba(255,255,255,.07);
    --n-line-2:rgba(255,255,255,.12);
    --n-surface:rgba(255,255,255,.03);
    --n-font:'Sora',system-ui,-apple-system,'Segoe UI',sans-serif;
    --n-display:var(--n-font);
    --n-display-w:300;
    --n-display-ls:-.025em;
    --n-ease:cubic-bezier(.2,.7,.2,1);
}

/* ── Fondo: un solo navy con la luz arriba (fuera el morado y los halos) ── */
body{background:radial-gradient(120% 60% at 50% 0%,var(--n-glow) 0%,var(--n-bg) 60%) fixed,var(--n-bg);color:var(--n-text)}
.hero-bg{background:radial-gradient(90% 70% at 50% 0%,var(--n-glow) 0%,var(--n-bg) 70%)}
.hero-bg::after,.hero-particles{display:none}
.stats-bar,.shw-section,.shw-section.alt,.faq-section,.random-section,.home-focus,.shw-rvsdv,.shw-tienda,footer{background:transparent}
.stats-bar{border:0;border-block:1px solid var(--n-line);backdrop-filter:none}

/* ── Tipografía: Sora ligera, sin mayúsculas forzadas ni degradados ── */
.hero h1,.shw-title,.section-header h2,.faq-title,.home-focus h2,.account-promo h2,.cta-content h2,
.shw-rvsdv h2,.shw-tienda h2,.sb-title,.pod-title,.yo-head h2,.stat-item h3,.fx-timer-display{
    font-family:var(--n-display);font-weight:var(--n-display-w);letter-spacing:var(--n-display-ls);text-transform:none;
    background:none;-webkit-text-fill-color:currentColor;color:var(--n-text)}
.hero h1 span,.home-focus h2 em,.shw-rvsdv h2 em{background:none;-webkit-text-fill-color:currentColor;color:var(--n-gold);font-style:normal}
.hero h1{font-size:clamp(2.4rem,5.2vw,4.2rem);line-height:1.04;max-width:16ch}
.shw-title,.section-header h2,.faq-title,.home-focus h2{font-size:clamp(1.9rem,3.8vw,2.9rem);line-height:1.08}
.stat-item h3{font-size:clamp(2rem,4vw,2.8rem);font-weight:200}
.stat-item p{color:var(--n-text-3);font-size:.78rem;letter-spacing:.02em}
.hero p,.shw-sub,.faq-sub,.hf-lead,.section-header p{font-family:var(--n-font);font-weight:300;color:var(--n-text-2)}
.shw-feat h4,.acc-benefit h4,.hf-card .hf-title,.hub-card h3,.devohoy-title,.faq-q-text{font-family:var(--n-font);font-weight:400;letter-spacing:-.005em;text-transform:none}

/* Etiquetas pequeñas: sin oro ni cápsula, gris tranquilo */
.shw-kicker,.faq-eyebrow,.shw-rvsdv-tag,.home-focus-badge,.pod-eyebrow,.pp-eyebrow{
    font-family:var(--n-font);color:var(--n-text-3);background:none;border:0;padding:0;
    font-size:.7rem;font-weight:500;letter-spacing:.16em;opacity:1}

/* ── Navegación ── */
#navbar{background:rgba(10,13,24,.72);backdrop-filter:blur(18px) saturate(1.2);border-bottom:1px solid var(--n-line);box-shadow:none}
.nav-logo{font-family:var(--n-font);font-weight:500;font-size:1.02rem;letter-spacing:-.01em;color:var(--n-text)}
.nav-logo .logo-mark{width:auto;height:auto;background:none;box-shadow:none;border-radius:0;font-size:0}
.nav-logo .logo-mark::before{content:'';display:block;width:7px;height:7px;border-radius:50%;background:var(--n-gold);box-shadow:0 0 12px var(--n-gold)}
@media (min-width:701px){
    .nav-links a{font-family:var(--n-font);text-transform:none;letter-spacing:0;font-size:.86rem;font-weight:400;color:var(--n-text-2)}
    .nav-links a:hover,.nav-links a.active{color:var(--n-text)}
}
.badge-new{background:none;border:1px solid var(--n-line-2);color:var(--n-text-2)}

/* ── Héroe: un botón de reproducir protagonista ── */
.hero-badge,.hero-eq,.hero-scroll,.hero .btn-primary{display:none}
.hero-content{display:flex;flex-direction:column;align-items:center;padding-top:5.5rem}
.hero-orb-wrap{order:3;display:flex;flex-direction:column;align-items:center;gap:1rem;margin:.6rem 0 1.6rem;animation:fadeInUp .7s ease .35s both}
.hero-orb{position:relative;width:12.5rem;height:12.5rem;display:grid;place-items:center;border:0;background:none;cursor:pointer;-webkit-tap-highlight-color:transparent}
.hero-orb::before,.hero-orb::after{content:'';position:absolute;inset:0;border-radius:50%;border:1px solid rgba(212,178,94,.22);pointer-events:none}
.hero-orb::after{inset:1.6rem;border-color:rgba(212,178,94,.12)}
.hero-orb::before{animation:nocheBreathe 4.5s ease-in-out infinite}
.hero-orb-core{width:5.4rem;height:5.4rem;border-radius:50%;display:grid;place-items:center;background:var(--n-gold);color:var(--n-gold-ink);
    box-shadow:0 0 60px -6px rgba(212,178,94,.55);transition:transform .25s var(--n-ease),box-shadow .25s var(--n-ease)}
.hero-orb-core svg{width:1.7rem;height:1.7rem;margin-left:.2rem;fill:currentColor}
.hero-orb:hover .hero-orb-core{transform:scale(1.05);box-shadow:0 0 80px -4px rgba(212,178,94,.7)}
.hero-orb:focus-visible{outline:none}
.hero-orb:focus-visible .hero-orb-core{outline:2px solid var(--n-text);outline-offset:5px}
.hero-orb-label{font-family:var(--n-font);font-size:.9rem;color:var(--n-text);font-weight:400}
.hero-orb-label small{display:block;text-align:center;color:var(--n-text-3);font-size:.74rem;margin-top:.15rem}
.hero-buttons{order:4;animation:fadeInUp .7s ease .45s both}
.hero h1{order:1}.hero p{order:2;margin-bottom:.4rem}
@keyframes nocheBreathe{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.09);opacity:.35}}

/* ── Botones: oro macizo sin brillo; secundario como enlace con borde fino ── */
.btn-primary{background:var(--n-gold);color:var(--n-gold-ink);box-shadow:none;font-family:var(--n-font);font-weight:500;letter-spacing:0}
.btn-primary::before{display:none}
.btn-primary:hover{transform:none;box-shadow:0 0 0 4px rgba(212,178,94,.16)}
.btn-secondary{background:transparent;border:1px solid var(--n-line-2);color:var(--n-text);font-family:var(--n-font);font-weight:400;backdrop-filter:none}
.btn-secondary:hover{background:var(--n-surface);border-color:rgba(255,255,255,.22);transform:none}
.btn-secondary .ic{color:var(--n-text-2)}

/* ── Superficies: planas, borde casi invisible, sin sombra ni oro ── */
.shw-vcard,.shw-feat,.faq-card,.acc-benefit,.shw-player,.hf-card,.shw-tienda-card,.shw-rvsdv-card,
.random-verse-card,.feature-card,.devocional-card,.hf-mode,.hub-card{
    background:var(--n-surface);border:1px solid var(--n-line);box-shadow:none;backdrop-filter:none}
.shw-rvsdv-glow{display:none}
.shw-btitle{border:0;text-shadow:0 2px 14px rgba(0,0,0,.8);font-family:var(--n-font);font-weight:500;letter-spacing:0}
.hf-ic,.hf-emblem,.shw-feat-ic,.acc-ico,.shw-picon{background:none;border:0;color:var(--n-gold)}
.hf-list li{color:var(--n-text-2);font-family:var(--n-font);font-weight:300}

/* Iconos de las promos: sin caja dorada, solo el trazo */
.shw-rvsdv-ico,.shw-tienda-ico{background:var(--n-surface);border:1px solid var(--n-line);box-shadow:none;color:var(--n-gold)}
@media (min-width:701px){
    #navCrearCuentaItem a{border-color:var(--n-line-2);color:var(--n-text)}
    #navCrearCuentaItem a:hover{background:var(--n-surface);border-color:rgba(255,255,255,.24)}
}

/* Tira de versículos: más baja de tono */
.verse-ticker{border-block:1px solid var(--n-line);background:transparent;opacity:.55}

@media (max-width:700px){
    .hero-orb{width:10.5rem;height:10.5rem}
    .hero-orb::after{inset:1.3rem}
    .hero-orb-core{width:4.6rem;height:4.6rem}
}
@media (prefers-reduced-motion:reduce){.hero-orb::before{animation:none}}