/* Zonaferoz — "necesitas una cuenta" (ventana de estrellas + bloque de comentarios) */
.zf-login-wall{text-align:center;padding:26px 20px;border-radius:16px;background:linear-gradient(180deg,#25252d,#1d1d23);border:1px solid rgba(255,255,255,.09);box-shadow:0 10px 30px rgba(0,0,0,.25)}
.zf-lw-icon,.zf-rl-icon{font-size:34px;line-height:1;margin-bottom:8px}
.zf-lw-title,.zf-rl-title{margin:0 0 8px;font-size:20px;line-height:1.25;color:#f5f5f5;font-weight:800}
.zf-lw-text,.zf-rl-text{margin:0 auto 18px;max-width:440px;font-size:15px;line-height:1.55;color:#b8b8c2}
.zf-lw-actions,.zf-rl-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.zf-lw-btn,.zf-rl-btn{display:inline-block;padding:12px 20px;border-radius:12px;font-weight:700;font-size:15px;text-decoration:none!important;color:#e9e9ef!important;border:1px solid rgba(255,255,255,.18);background:transparent;cursor:pointer;transition:transform .12s,background .12s}
.zf-lw-btn:hover,.zf-rl-btn:hover{background:rgba(255,255,255,.07);transform:translateY(-1px)}
.zf-lw-btn.is-primary,.zf-rl-btn.is-primary{color:#fff!important;border-color:transparent;background:linear-gradient(135deg,#8b5cf6,#6d28d9);box-shadow:0 8px 22px rgba(109,40,217,.4)}
.zf-lw-btn:focus-visible,.zf-rl-btn:focus-visible,.zf-rl-close:focus-visible{outline:3px solid #a78bfa;outline-offset:3px}
@media (max-width:480px){.zf-lw-actions .zf-lw-btn,.zf-rl-actions .zf-rl-btn{width:100%;text-align:center}}

.zf-rl{position:fixed;inset:0;z-index:2147482000;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(10,10,14,.78);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.zf-rl[hidden]{display:none}
.zf-rl-box{position:relative;width:100%;max-width:420px;text-align:center;padding:30px 24px 24px;border-radius:18px;background:linear-gradient(180deg,#25252d,#1b1b21);border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 70px rgba(0,0,0,.6);animation:zfRlIn .25s ease-out both}
.zf-rl-close{position:absolute;top:8px;right:10px;width:36px;height:36px;border:0;border-radius:50%;background:transparent;color:#b8b8c2;font-size:26px;line-height:1;cursor:pointer}
.zf-rl-close:hover{background:rgba(255,255,255,.08);color:#fff}
html.zf-rl-open,html.zf-rl-open body{overflow:hidden}
@keyframes zfRlIn{from{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.zf-rl-box{animation:none}}