/* TWL Certified Directory — controles + tarjetas tipo credencial */
.cert-directory{overflow:hidden}
.cert-directory .directory-merge-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:end;margin-bottom:22px}
.cert-directory .directory-count{display:flex;align-items:baseline;gap:8px;padding:10px 14px;border:1px solid rgba(57,227,155,.24);border-radius:12px;background:rgba(57,227,155,.055);white-space:nowrap}
.cert-directory .directory-count strong{color:#63efb4;font:900 1.35rem/1 var(--display)}
.cert-directory .directory-count span{color:#a3b5c5;font-size:.68rem;font-weight:900;letter-spacing:.08em}
.cert-directory .directory-tools{display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:10px;margin:0 0 16px}
.cert-directory .directory-search{display:flex;align-items:center;gap:10px;min-height:46px;padding:0 13px;border:1px solid #2d4053;border-radius:10px;background:#09121b}
.cert-directory .directory-search>span{color:#7c91a6;font-size:1.2rem}
.cert-directory .directory-search input{width:100%;border:0;outline:0;background:transparent;color:#f2f6f9;font:inherit}
.cert-directory .directory-search input::placeholder{color:#647a8e}
.cert-directory .directory-tools select{min-height:46px;border:1px solid #2d4053;border-radius:10px;background:#09121b;color:#d8e2eb;padding:0 11px;font:inherit;font-size:.78rem;font-weight:800}
.cert-directory .directory-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:stretch}
.cert-directory .directory-card{--creator:#ef1b27;position:relative;height:238px;min-height:238px;border:1px solid #30475b;border-radius:15px;background:linear-gradient(145deg,color-mix(in srgb,var(--creator) 7%,#101b26) 0%,#0b141e 62%,#09111a 100%);overflow:hidden;box-shadow:0 13px 28px rgba(0,0,0,.2);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.cert-directory .directory-card:after{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--creator);z-index:3}
.cert-directory .directory-card:hover{transform:translateY(-3px);border-color:#526d83;box-shadow:0 18px 38px rgba(0,0,0,.28)}
.cert-directory .directory-card-link{position:relative;display:grid;grid-template-rows:auto minmax(0,1fr) auto;height:100%;padding:15px 16px 13px;text-decoration:none!important;color:inherit!important;isolation:isolate}
.cert-directory .directory-card-link:before{content:"";position:absolute;z-index:-1;right:-38px;bottom:-52px;width:205px;height:205px;background:url('/certified/assets/twl-certified-seal.webp') center/contain no-repeat;opacity:.105;transform:rotate(-13deg);pointer-events:none}
.cert-directory .directory-card-link,.cert-directory .directory-card-link *{text-decoration:none!important}
.cert-directory .directory-card-head{display:grid;grid-template-columns:102px minmax(0,1fr);gap:15px;align-items:start;min-width:0}
.cert-directory .directory-avatar{width:102px;height:102px;object-fit:cover;border-radius:16px;border:2px solid color-mix(in srgb,var(--creator) 72%,#64788b);background:#101923;box-shadow:0 8px 20px rgba(0,0,0,.28)}
.cert-directory .directory-avatar-fallback{display:grid;place-items:center;font-size:2.2rem;background:color-mix(in srgb,var(--creator) 14%,#111b24)}
.cert-directory .directory-card-identity{min-width:0;padding-top:1px}
.cert-directory .directory-badge-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap;min-width:0}
.cert-directory .active-chip,.cert-directory .stream-chip,.cert-directory .discord-chip{display:inline-flex;align-items:center;gap:5px;min-height:23px;padding:4px 7px;border-radius:999px;font-size:.54rem;font-weight:950;letter-spacing:.045em;white-space:nowrap}
.cert-directory .active-chip{border:1px solid rgba(57,227,155,.24);background:rgba(57,227,155,.07);color:#6ff0b8}
.cert-directory .active-chip i,.cert-directory .stream-chip i{width:6px;height:6px;border-radius:50%;flex:none}
.cert-directory .active-chip i{background:#39e39b;box-shadow:0 0 8px rgba(57,227,155,.65)}
.cert-directory .stream-chip{border:1px solid rgba(125,141,157,.22);background:rgba(125,141,157,.07);color:#9cabb9}
.cert-directory .stream-chip i{background:#758493}
.cert-directory .stream-chip.online{border-color:rgba(57,227,155,.28);background:rgba(57,227,155,.075);color:#7cf3bf}
.cert-directory .stream-chip.online i{background:#39e39b;box-shadow:0 0 8px rgba(57,227,155,.72);animation:twlLivePulse 1.25s ease-in-out infinite}
.cert-directory .stream-chip.offline i{background:#687786}
.cert-directory .stream-chip.unavailable{opacity:.62}
.cert-directory .discord-chip{border:1px solid rgba(88,101,242,.36);background:rgba(88,101,242,.10);color:#bfc5ff;font-size:.50rem}
@keyframes twlLivePulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.72)}}
.cert-directory .directory-card h3{margin:10px 0 0;color:#fff;font:900 1.5rem/1 var(--display);letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cert-directory .directory-community{display:block;margin-top:7px;color:color-mix(in srgb,var(--creator) 72%,#dde7ef);font-size:.68rem;font-weight:900;letter-spacing:.055em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cert-directory .directory-description{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;align-self:start;min-height:0;margin:12px 0 7px;color:#bcc9d4;font-size:.76rem;line-height:1.48;text-decoration:none!important}
.cert-directory .directory-card-foot{position:relative;z-index:2;display:flex;align-items:end;justify-content:space-between;gap:10px;min-height:39px;padding-top:9px;border-top:1px solid rgba(255,255,255,.075)}
.cert-directory .directory-card-foot small{display:block;color:#758a9d;font-size:.52rem;font-weight:900;letter-spacing:.075em}
.cert-directory .directory-card-foot strong{display:block;margin-top:2px;color:#e5edf4;font-size:.69rem}
.cert-directory .directory-open{color:#c1cfdb;font-size:.58rem;font-weight:900;letter-spacing:.05em;text-align:right;white-space:nowrap}
.cert-directory .directory-card:hover .directory-open{color:#fff}
.cert-directory .directory-empty{margin-top:30px;display:flex;align-items:center;gap:28px;border:1px dashed #3b5066;background:#0c151f;border-radius:12px;padding:30px}
.cert-directory .directory-empty img{width:110px;opacity:.55}
.cert-directory .directory-empty strong{display:block;font-family:var(--display);letter-spacing:.1em;font-size:1.3rem}
.cert-directory .directory-empty p{color:var(--muted);margin:6px 0 0}
.cert-directory .directory-empty.compact{min-height:90px;margin-top:12px}
.cert-directory .directory-empty.compact img{display:none}
.cert-directory .directory-empty.compact strong{font-size:.9rem}
@media(max-width:1050px){.cert-directory .directory-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){
  .cert-directory .directory-merge-head{grid-template-columns:1fr;align-items:start}
  .cert-directory .directory-count{justify-self:start}
  .cert-directory .directory-tools{grid-template-columns:1fr}
  .cert-directory .directory-cards{grid-template-columns:1fr}
  .cert-directory .directory-card{height:226px;min-height:226px}
  .cert-directory .directory-card-head{grid-template-columns:92px minmax(0,1fr)}
  .cert-directory .directory-avatar{width:92px;height:92px}
  .cert-directory .directory-card-link:before{width:185px;height:185px;right:-32px;bottom:-48px}
  .cert-directory .directory-empty{align-items:flex-start;flex-direction:column}
  .cert-directory .directory-empty img{width:80px}
}
@media(max-width:430px){
  .cert-directory .directory-card{height:218px;min-height:218px}
  .cert-directory .directory-card-head{grid-template-columns:82px minmax(0,1fr);gap:12px}
  .cert-directory .directory-avatar{width:82px;height:82px}
  .cert-directory .active-chip,.cert-directory .stream-chip{font-size:.49rem}
  .cert-directory .directory-card h3{font-size:1.33rem}
  .cert-directory .directory-open{font-size:.53rem}
}