.raincl-directorio-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:22px;width:100%}
.raincl-dir-card{background:#fff;border-radius:22px;overflow:hidden;box-shadow:0 10px 28px rgba(0,0,0,.10);border:1px solid #eee}
.raincl-dir-photo{height:320px;background-size:cover;background-position:center;position:relative;cursor:pointer}
.raincl-like-wrap{display:flex;align-items:center;justify-content:center;gap:10px;background:rgba(255,255,255,.96);padding:7px 14px;border-radius:999px;width:max-content;min-width:92px;box-shadow:0 6px 18px rgba(0,0,0,.18)}
.raincl-dir-photo>.raincl-like-wrap{position:absolute;left:12px;bottom:12px}
.raincl-heart-btn{width:42px;height:42px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;padding:0;margin:0;font-size:23px;line-height:1;color:#e11d48;background:#f8fafc;cursor:pointer;transition:.2s ease}
.raincl-heart-btn span{display:flex;align-items:center;justify-content:center;width:100%;height:100%;line-height:1;transform:translateY(1px)}
.raincl-heart-btn:hover,.raincl-heart-btn.liked{background:#ffe4ec;transform:scale(1.06)}
.raincl-like-count{font-weight:900;font-size:19px;color:#111827;min-width:18px;text-align:left}
.raincl-dir-verified{position:absolute;right:12px;top:12px;background:#0b63ce;color:#fff;font-size:12px;font-weight:900;padding:7px 11px;border-radius:999px}
.raincl-dir-live{position:absolute;left:12px;top:12px;background:#111827;color:#fff;font-size:12px;font-weight:900;padding:7px 11px;border-radius:999px}
.raincl-dir-live.online{background:#dc2626;box-shadow:0 0 0 6px rgba(220,38,38,.18)}
.raincl-dir-body{padding:16px}
.raincl-dir-body h3{margin:0 0 10px;cursor:pointer;font-size:21px}
.raincl-dir-verified-inline{display:inline-block;background:#e8f1ff;color:#0b63ce;border:1px solid #bcd7ff;border-radius:999px;padding:6px 10px;font-size:13px;font-weight:800;margin-bottom:10px}
.raincl-dir-btn{background:#111827;color:#fff;border:0;padding:11px 16px;border-radius:12px;font-weight:900;cursor:pointer}
.raincl-dir-paused{background:#fff7ed;color:#c2410c;border:1px solid #fed7aa;padding:10px 12px;border-radius:12px;font-weight:800}
.raincl-dir-modal{position:fixed;inset:0;z-index:999999}
.raincl-dir-modal-bg{position:absolute;inset:0;background:rgba(0,0,0,.72)}
.raincl-dir-modal-box{position:relative;width:min(920px,94vw);max-height:90vh;overflow:auto;margin:5vh auto;background:#fff;border-radius:22px;padding:22px;box-shadow:0 25px 80px rgba(0,0,0,.35)}
.raincl-dir-modal-close{position:sticky;top:0;float:right;width:40px;height:40px;border-radius:50%;border:0;background:#111827;color:#fff;font-size:28px;cursor:pointer;z-index:5}
.raincl-modal-main-image{width:100%;max-height:560px;object-fit:contain;background:#f3f4f6;border-radius:18px}
.raincl-modal-like{margin:12px 0}
.raincl-stream-box{margin:20px 0 0;background:#111827;color:#fff;padding:16px;border-radius:18px}
.raincl-stream-head{display:flex;align-items:center;gap:8px}
.raincl-stream-dot{width:12px;height:12px;background:#6b7280;border-radius:50%}
.raincl-stream-dot.online{background:#ef4444;box-shadow:0 0 0 6px rgba(239,68,68,.18)}
.raincl-local-video{width:100%;max-height:560px;background:#000;border-radius:14px;margin-top:12px}
.raincl-stream-note{font-size:12px;color:#d1d5db;margin-top:8px}
.raincl-stream-empty{margin-top:12px;padding:14px;border-radius:12px;background:rgba(255,255,255,.08)}
.raincl-dir-empty{background:#f3f4f6;padding:18px;border-radius:14px}