.hakuna-bible,
.hkn-eprex{
  --hkn-font-scale:1;
  --hkn-bg:#f6f7fb;
  --hkn-card:#ffffff;
  --hkn-text:#1a1f2b;
  --hkn-muted:#6b7280;
  --hkn-border:#e6e9ef;
  --hkn-accent:#00ccd9;
  font-size:calc(16px * var(--hkn-font-scale));
  line-height:1.6;
  color:var(--hkn-text);
  max-width:760px;
  margin:0 auto;
  padding:24px 16px 40px;
  box-sizing:border-box;
  background:var(--hkn-bg);
  position:relative;
  /* Extiende el fondo a todo el ancho visible sin romper el ancho de lectura */
  box-shadow:0 0 0 100vmax var(--hkn-bg);
  clip-path: inset(0 -100vmax);
}
.hkn-eprex *{box-sizing:border-box;}
.hkn-eprex--compact{padding-top:16px;padding-bottom:24px;}
.hkn-eprex__topbar{display:flex;flex-direction:column;gap:10px;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid var(--hkn-border);}
.hkn-eprex__headrow{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;}
.hkn-eprex__headcol{flex:1 1 auto;min-width:0;}
.hkn-eprex__date-line{display:flex;align-items:center;gap:8px;}
.hkn-eprex__date-main{font-size:clamp(1.4rem,2.8vw,1.9rem);font-weight:800;line-height:1.2;color:#0f172a;}
.hkn-eprex__subline{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:4px;}
.hkn-eprex__solemnity{font-size:1rem;color:#4b5563;font-weight:600;}
.hkn-eprex__cycle{font-size:.95rem;color:#6b7280;}
.liturgical-dot{font-size:1rem;line-height:1;color:#22c55e;}
.liturgical-dot.is-red{color:#ef4444;}
.liturgical-dot.is-purple{color:#8b5cf6;}
.liturgical-dot.is-white{color:#facc15;}
.liturgical-dot.is-gold{color:#f59e0b;}
.liturgical-dot.is-green{color:#22c55e;}
.hkn-eprex__actions{display:flex;align-items:center;gap:10px;margin:8px 0 12px;}
.hkn-eprex__actions--glass{padding:8px 10px;background:rgba(255,255,255,0.7);backdrop-filter:blur(10px);border:1px solid rgba(0,0,0,0.05);border-radius:16px;box-shadow:0 8px 20px rgba(0,0,0,0.08);}
.hkn-eprex__iconbtn{border:1px solid rgba(0,0,0,0.06);background:rgba(255,255,255,0.55);border-radius:12px;padding:8px 10px;font-size:16px;cursor:pointer;line-height:1;min-width:40px;display:inline-flex;align-items:center;justify-content:center;transition:all .15s ease;}
.hkn-eprex__iconbtn svg{stroke:currentColor;fill:none;}
.hkn-eprex__iconbtn:hover,.hkn-eprex__iconbtn:focus-visible{border-color:var(--hkn-accent);color:var(--hkn-accent);outline:none;box-shadow:0 6px 14px rgba(0,204,217,0.18);}
.hkn-eprex__iconbtn--more{font-size:18px;font-weight:700;}
.hkn-eprex__actions[data-hkn-actions]{position:relative;}
.hkn-eprex__iconbtn[data-action="font-down"],.hkn-eprex__iconbtn[data-action="font-up"]{display:inline-flex;}
.hkn-eprex__iconbtn:focus-visible{outline:2px solid var(--hkn-accent);outline-offset:2px;}
.hkn-eprex__btn{border:1px solid var(--hkn-border);background:var(--hkn-card);padding:8px 14px;border-radius:999px;font-weight:600;font-size:.85rem;cursor:pointer;} /* legacy */
.hkn-eprex__btn:hover{border-color:var(--hkn-accent);color:var(--hkn-accent);} /* legacy */
.hkn-eprex__date-btnwrap{flex:0 0 auto;}
.hkn-eprex__datebtn{background:transparent;border:0;border-radius:12px;padding:6px;font-size:14px;cursor:pointer;line-height:1;min-width:28px;box-shadow:none;color:var(--hkn-accent);display:inline-flex;align-items:center;justify-content:center;}
.hkn-eprex__datebtn:hover{color:var(--hkn-accent);}
.hkn-eprex__datepick{display:flex;gap:10px;align-items:center;}
.hkn-eprex__datepick input{flex:1 1 auto;padding:10px 12px;border-radius:12px;border:1px solid var(--hkn-border);font-size:1rem;background:#f8fafc;color:#0f172a;}
.hkn-eprex__datepick button{padding:10px 14px;border-radius:12px;border:0;background:var(--hkn-accent);color:#052b33;font-weight:700;cursor:pointer;}
.hkn-eprex__datepopup{position:absolute;z-index:10;background:#ffffff;color:#0f172a;padding:12px;border:1px solid var(--hkn-border);border-radius:14px;box-shadow:0 12px 30px rgba(0,0,0,.12);margin-top:6px;min-width:240px;right:0;top:calc(100% + 8px);}
.hkn-eprex__topbar{position:relative;}
.hkn-eprex__datepopup form{display:flex;gap:8px;align-items:center;}
.hkn-eprex__datepopup input{flex:1 1 auto;}
.hkn-eprex__datepopup button{padding:8px 12px;}
.hkn-eprex__tabs{display:flex;gap:8px;position:sticky;top:0;z-index:5;padding:8px;overflow-x:auto;background:rgba(246,247,251,.94);backdrop-filter:blur(6px);border-radius:16px;border:1px solid var(--hkn-border);box-shadow:0 10px 24px rgba(0,0,0,0.06);}
.hkn-eprex__tabs::-webkit-scrollbar{display:none;}
.hkn-eprex__tab{border:1px solid transparent;background:transparent;padding:8px 14px;font-weight:800;color:var(--hkn-muted);border-radius:999px;cursor:pointer;white-space:nowrap;}
.hkn-eprex__tab[aria-selected="true"]{color:#052b33;background:var(--hkn-accent);border-color:transparent;box-shadow:0 8px 18px rgba(0,204,217,.25);}
.hkn-eprex__panels{display:flex;flex-direction:column;gap:18px;margin-top:18px;}
.hkn-eprex__panel:first-of-type{margin-top:6px;}
.hkn-eprex__panel[hidden]{display:none;}
.hkn-eprex__card{background:var(--hkn-card);border:1px solid rgba(0,0,0,0.04);border-radius:18px;padding:18px 20px;box-shadow:0 8px 22px rgba(16,24,40,.05);}
.hkn-eprex__cardhead{display:flex;flex-direction:column;align-items:flex-start;gap:6px;margin-bottom:10px;padding:0;}
.hkn-eprex__label{font-weight:800;text-transform:uppercase;letter-spacing:.06em;font-size:0.98rem;line-height:1.2;color:var(--hkn-muted);padding:4px 10px;border-radius:999px;background:rgba(0,0,0,0.04);display:inline-block;margin:0;}
.hkn-eprex__ref{display:inline-block;font-weight:700;font-size:.95rem;color:#1f2937;text-decoration:underline;text-decoration-color:var(--hkn-accent);text-underline-offset:4px;}
.hkn-eprex__text p{margin:0 0 12px;}
.hkn-eprex__text p:last-child{margin-bottom:0;}
.hkn-eprex__card--psalm .hkn-eprex__text{display:flex;flex-direction:column;gap:8px;}
.hkn-eprex__psalm-line{margin:0;font-size:1rem;letter-spacing:.01em;}
.hkn-eprex__psalm-response{margin:6px 0 4px;font-weight:800;color:#0f1f3a;background:#e8f4f7;border-radius:10px;padding:10px 12px;}
.hkn-eprex__response{background:#eefbfc;border-left:4px solid var(--hkn-accent);padding:8px 10px;border-radius:8px;font-weight:600;margin-bottom:10px;}
.hkn-eprex__meta{font-size:.85rem;color:var(--hkn-muted);}
.hkn-eprex__details{margin-bottom:16px;border:1px solid var(--hkn-border);border-radius:16px;background:var(--hkn-card);padding:10px 14px;}
.hkn-eprex__summary{font-weight:700;cursor:pointer;}
.hkn-eprex__nav{display:flex;justify-content:space-between;gap:12px;margin:20px 0;}
.hkn-eprex__navbtn{flex:1 1 auto;text-align:center;padding:10px 16px;border-radius:999px;border:1px solid var(--hkn-border);text-decoration:none;color:var(--hkn-text);font-weight:700;background:var(--hkn-card);}
.hkn-eprex__navbtn:hover{border-color:var(--hkn-accent);color:var(--hkn-accent);}
.hkn-eprex__footer{display:flex;flex-direction:column;gap:6px;font-size:.8rem;color:var(--hkn-muted);margin-top:20px;}
.hakuna-bible__footer .hkn-eprex__footer{margin-top:0;}
.hkn-eprex__footer a{color:inherit;text-decoration:underline;}
.hkn-eprex__updated{font-style:italic;}
.hkn-eprex__copydata{position:absolute;left:-9999px;width:1px;height:1px;opacity:0;}
.hkn-eprex__toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#111827;color:#fff;padding:10px 16px;border-radius:999px;font-size:.85rem;opacity:0;transition:opacity .2s ease;z-index:9999;}
.hkn-eprex__toast.is-visible{opacity:1;}

.hkn-dominicos-widget{width:100%;max-width:100%;}
.hkn-dominicos-widget__title{margin:0 0 12px;font-size:1.4rem;}
.hkn-dominicos-widget__frame{width:100%;max-width:100%;border:0;border-radius:16px;box-shadow:0 12px 30px rgba(0,0,0,.12);}
.hkn-dominicos-widget__preview{width:100%;max-width:100%;border:1px dashed #ccd4e0;border-radius:16px;display:flex;align-items:center;justify-content:center;color:#6b7280;background:#f7f9fc;}

@media (max-width:720px){
  .hkn-eprex{padding:18px 14px 32px;}
  .hkn-eprex__tabs{top:0;}
  .hkn-eprex__nav{flex-direction:column;}
  .hkn-eprex__actions{gap:8px;}
  .hkn-eprex__label{font-size:0.9rem;}
  .hkn-eprex__datepopup{left:50%;right:auto;transform:translateX(-50%);top:calc(100% + 10px);max-width:90vw;}
}

@media (prefers-color-scheme: dark){
  .hkn-eprex{
    --hkn-bg:#0b0f14;
    --hkn-card:#121827;
    --hkn-text:#f5f7fb;
    --hkn-muted:#a1a8b5;
    --hkn-border:#1f2533;
    --hkn-accent:#00ccd9;
    color:var(--hkn-text);
  }
  .hkn-eprex__solemnity{color:#cbd5e1;}
  .hkn-eprex__cycle{color:#94a3b8;}
  .hkn-eprex__date-main{color:#e5e7eb;}
  .hkn-eprex__label{background:rgba(255,255,255,0.08);color:#e5e7eb;}
  .hkn-eprex__datebtn{color:var(--hkn-accent);}
  .hkn-eprex__tabs{background:rgba(11,15,20,.92);border-color:var(--hkn-border);}
  .hkn-eprex__tab[aria-selected="true"]{color:#031118;background:var(--hkn-accent);}
  .hkn-eprex__subtitle{color:var(--hkn-muted);}
  .hkn-eprex__ref{color:var(--hkn-muted);text-decoration-color:var(--hkn-accent);}
  .hkn-eprex__card{box-shadow:0 10px 24px rgba(0,0,0,.3);}
  .hkn-eprex__btn{background:#0f1521;color:var(--hkn-text);}
  .hkn-eprex__navbtn{background:#0f1521;color:var(--hkn-text);}
}
.hkn-eprex__label{margin-left:0!important;}