/* rkb-metal-hub.css — Estilos para Metal Hub y directorios */
.rkb-mh{color:#ddd;line-height:1.6}
.rkb-mh-breadcrumb{padding:16px 0;font-size:13px;color:#888}
.rkb-mh-breadcrumb a{color:#aaa;text-decoration:none}
.rkb-mh-breadcrumb a:hover{color:#fff}
.rkb-mh-breadcrumb span[aria-hidden]{margin:0 8px}
.rkb-mh-hero{background:linear-gradient(180deg,#1a0808 0%,#0d0d14 100%);border-bottom:1px solid rgba(220,38,38,.12);padding:48px 0}
.rkb-mh-hero__title{font-size:clamp(26px,4vw,38px);font-weight:900;color:#fff;margin:0 0 12px;line-height:1.2}
.rkb-mh-hero__text{color:#999;font-size:15px;max-width:780px;line-height:1.7;margin:0}
.rkb-mh-search{position:relative;margin:28px 0}
.rkb-mh-search__icon{position:absolute;left:18px;top:50%;transform:translateY(-50%);color:#777;font-size:17px}
.rkb-mh-search__input{display:block;width:100%;padding:16px 20px 16px 48px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.05);color:#fff;font-size:16px;outline:none;transition:border-color .2s}
.rkb-mh-search__input:focus{border-color:rgba(220,38,38,.5)}
.rkb-mh-search__input::placeholder{color:#666}
.rkb-mh-main-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin:24px 0 36px}
@media(max-width:600px){.rkb-mh-main-cards{grid-template-columns:1fr}}
.rkb-mh-main-card{background:linear-gradient(135deg,rgba(255,255,255,.05),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:28px 24px;transition:border-color .2s,transform .2s}
.rkb-mh-main-card:hover{border-color:rgba(220,38,38,.35);transform:translateY(-2px)}
.rkb-mh-main-card__icon{font-size:36px;color:#DC2626;margin-bottom:12px}
.rkb-mh-main-card__title{font-size:20px;font-weight:800;color:#fff;margin:0 0 8px}
.rkb-mh-main-card__text{color:#999;font-size:14px;margin:0 0 14px;line-height:1.6}
.rkb-mh-main-card__link{display:inline-block;color:#ef4444;font-weight:700;text-decoration:none;font-size:14px}
.rkb-mh-main-card__link:hover{color:#f87171}
.rkb-mh-section-title{font-size:20px;font-weight:800;color:#fff;margin:32px 0 16px;display:flex;align-items:center;gap:10px}
.rkb-mh-section-title i{color:#DC2626;font-size:16px}
.rkb-mh-tools__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-bottom:12px}
@media(max-width:500px){.rkb-mh-tools__grid{grid-template-columns:1fr}}
.rkb-mh-tool-card{display:flex;flex-direction:column;gap:4px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:18px;text-decoration:none;transition:border-color .2s}
.rkb-mh-tool-card:hover{border-color:rgba(220,38,38,.3)}
.rkb-mh-tool-card i{color:#DC2626;font-size:20px}
.rkb-mh-tool-card__title{color:#fff;font-weight:700;font-size:14px}
.rkb-mh-tool-card__desc{color:#888;font-size:12px}
.rkb-mh-card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
@media(max-width:1024px){.rkb-mh-card-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:768px){.rkb-mh-card-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.rkb-mh-card-grid{grid-template-columns:1fr}}
.rkb-mh-card{background:#111;border:1px solid rgba(255,255,255,.06);border-radius:10px;overflow:hidden;transition:border-color .2s,transform .2s}
.rkb-mh-card:hover{border-color:rgba(220,38,38,.3);transform:translateY(-2px)}
.rkb-mh-card__img{display:block;aspect-ratio:1/1;overflow:hidden;background:#1a1a1a}
.rkb-mh-card--fest .rkb-mh-card__img{aspect-ratio:16/9}
.rkb-mh-card__img img{width:100%;height:100%;object-fit:cover}
.rkb-mh-card__body{padding:14px}
.rkb-mh-card__name{font-size:16px;font-weight:700;margin:0 0 4px;line-height:1.3}
.rkb-mh-card__name a{color:#fff;text-decoration:none}
.rkb-mh-card__name a:hover{color:#ef4444}
.rkb-mh-card__meta{color:#777;font-size:12px;margin:0 0 6px}
.rkb-mh-card__desc{color:#999;font-size:13px;line-height:1.5;margin:0 0 10px}
.rkb-mh-card__link{color:#DC2626;font-weight:700;font-size:13px;text-decoration:none}
.rkb-mh-card__link:hover{color:#ef4444}
.rkb-mh-card__info{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 10px}
.rkb-mh-badge{display:inline-block;padding:2px 8px;border-radius:6px;font-size:11px;font-weight:600;background:rgba(255,255,255,.06);color:#aaa}
.rkb-mh-genre-grid{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:12px}
.rkb-mh-genre-card{display:inline-block;padding:10px 20px;border-radius:10px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);color:#ccc;text-decoration:none;font-weight:600;font-size:14px;transition:all .2s}
.rkb-mh-genre-card:hover{background:rgba(220,38,38,.1);border-color:rgba(220,38,38,.3);color:#fff}
.rkb-mh-alphabet{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:20px}
.rkb-mh-alphabet__item{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;background:rgba(255,255,255,.04);color:#aaa;font-size:13px;font-weight:700;cursor:pointer;transition:all .15s}
.rkb-mh-alphabet__item:hover:not(.rkb-mh-alphabet__item--empty){background:rgba(220,38,38,.15);color:#fff}
.rkb-mh-alphabet__item--empty{opacity:.3;cursor:default}
.rkb-mh-closing{padding:32px 0 48px;color:#999;font-size:14px;line-height:1.8}
.rkb-mh-closing strong{color:#ddd}
.rkb-mh-closing p{margin:0 0 12px}
.rkb-mh-back{padding:24px 0 40px}
.rkb-mh-back a{color:#DC2626;font-weight:700;text-decoration:none;font-size:14px}
.rkb-mh-back a:hover{color:#ef4444}
.rkb-mh-card[hidden],.rkb-mh-card.rkb-mh-hidden{display:none}
.rkb-mh-no-results{text-align:center;padding:40px 0;color:#666;font-size:15px}