/* Bóveda de guías · buscador, filtros, cuadrícula de tarjetas, «Próximamente» y cierre */
.b-top h1{max-width:none}
.b-acc{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin-top:26px}
.b-nota{font-size:15px}

/* buscador y filtros */
.b-buscar{padding:0 var(--m) 28px;display:grid;gap:16px}
.b-campo{display:grid;gap:8px;max-width:560px}
.b-campo label{font-size:15px;color:var(--dim)}
.b-campo input{font:400 19px "Inter Tight",system-ui;color:var(--txt);background:var(--bg2);border:1px solid var(--line);border-radius:999px;padding:15px 22px 15px 48px;width:100%;
  background-image:radial-gradient(circle at 50% 50%,transparent 5.5px,var(--dim) 6px,var(--dim) 7.4px,transparent 7.9px);background-repeat:no-repeat;background-size:20px 20px;background-position:18px 50%;transition:border-color .2s}
.b-campo input:focus{border-color:var(--ac2);outline:none;box-shadow:0 0 0 4px rgba(74,91,255,.18)}
.b-filtros{display:flex;flex-wrap:wrap;gap:8px}
.b-filtros[hidden]{display:none}
.b-chip{display:inline-flex;align-items:center;gap:8px;background:none;color:var(--dim);border:1px solid var(--line);border-radius:999px;padding:9px 16px;font:500 15px "Inter Tight",system-ui;cursor:pointer;transition:color .2s,border-color .2s,background .2s}
.b-chip:hover{color:var(--txt);border-color:rgba(237,235,230,.35)}
.b-chip[aria-pressed="true"]{color:var(--bg);background:var(--txt);border-color:var(--txt)}
.b-niveles .b-chip{font-size:14px;padding:7px 14px}
.b-cuenta{font-size:12px;font-variant-numeric:tabular-nums;opacity:.7}
.b-estado{min-height:1.4em;font-size:15px;color:var(--dim)}

/* cuadrícula */
.b-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:14px;padding:0 var(--m) 24px}
.b-nojs{padding:20px 0}
.b-card{position:relative;display:flex;flex-direction:column;gap:12px;min-height:250px;padding:24px 24px 20px;background:var(--bg2);border:1px solid var(--line);border-radius:var(--r);
  transition:border-color .3s var(--ease),transform .4s var(--ease),background .3s}
.b-card[hidden]{display:none}
.b-card-top{display:flex;justify-content:space-between;gap:12px;font-size:14px;color:var(--dim)}
.b-cat{color:var(--ac2)}
.b-card h3{font-size:clamp(21px,1rem + .5vw,25px);line-height:1.15;max-width:22ch}
/* toda la tarjeta es clicable; el PDF queda encima */
.b-link::after{content:"";position:absolute;inset:0;border-radius:inherit}
.b-link:focus-visible{outline:none}
.b-card:has(.b-link:focus-visible){outline:2px solid var(--ac2);outline-offset:3px}
.b-res{color:var(--dim);font-size:15.5px;line-height:1.5;flex:1}
.b-pie{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:auto;padding-top:6px}
.b-tag{display:inline-block;border:1px solid var(--line);border-radius:999px;padding:3px 10px;font-size:13px;color:var(--txt)}
.b-palabra{border-color:rgba(143,160,255,.45);color:var(--ac2);letter-spacing:.04em;font-weight:500}
.b-palabra small{color:var(--dim);font-size:11px;letter-spacing:.02em;font-weight:400;text-transform:uppercase}
.b-pdf{position:relative;z-index:1;font-size:13px;color:var(--dim);padding:3px 4px;border-bottom:1px solid transparent;transition:color .2s,border-color .2s}
.b-pdf:hover{color:var(--txt);border-color:var(--txt)}
.b-fl{margin-left:auto;font-size:20px;color:var(--dim);transition:transform .4s var(--ease),color .2s}
@media (hover:hover){
  .b-card:not(.b-pronto):hover{border-color:rgba(143,160,255,.45);transform:translateY(-3px);background:var(--bg3)}
  .b-card:not(.b-pronto):hover .b-fl{transform:translateX(5px);color:var(--ac2)}
}
/* la guía que coincide con la palabra del video */
.b-match{border-color:var(--ac2);box-shadow:0 0 0 1px var(--ac2),0 20px 60px -20px rgba(74,91,255,.55)}

/* próximamente: sin link, con un brillo que pasa */
.b-pronto{border-style:dashed;border-color:rgba(237,235,230,.18);background:linear-gradient(110deg,rgba(237,235,230,0) 30%,rgba(143,160,255,.07) 50%,rgba(237,235,230,0) 70%) 0 0/250% 100%,var(--bg);animation:barrido 6s linear infinite}
.b-pronto h3{color:var(--dim)}
.b-sale{display:flex;align-items:center;gap:10px;margin-top:auto;font-size:14px;letter-spacing:.06em;text-transform:uppercase;color:var(--txt)}
.b-sale i{width:8px;height:8px;border-radius:50%;background:var(--ac2);animation:latido 2s ease-out infinite}
@keyframes barrido{from{background-position:120% 0}to{background-position:-120% 0}}
@keyframes latido{0%{box-shadow:0 0 0 0 rgba(143,160,255,.6)}70%{box-shadow:0 0 0 10px rgba(143,160,255,0)}100%{box-shadow:0 0 0 0 rgba(143,160,255,0)}}

/* sin resultados */
.b-vacio{display:grid;gap:10px;justify-items:start;padding:40px var(--m) 56px}
.b-vacio[hidden]{display:none}
.b-vacio-t{font-size:clamp(26px,2.4vw,36px);letter-spacing:-.03em}
.b-vacio .pill{margin-top:10px}

/* cierre */
.b-cierre{display:grid;grid-template-columns:1.2fr 1fr;gap:16px;padding-top:40px}
.b-cierre .panel{display:grid;gap:14px;align-content:start;padding:clamp(28px,3vw,44px)}
.b-cierre .kicker{margin:0}
.b-cierre h2{font-size:clamp(34px,1.2rem + 2.4vw,56px)}

@media (max-width:900px){
  .b-cierre{grid-template-columns:1fr}
  .b-filtros{flex-wrap:nowrap;overflow-x:auto;margin:0 calc(var(--m) * -1);padding:2px var(--m) 6px;scrollbar-width:none}
  .b-filtros::-webkit-scrollbar{display:none}
  .b-chip{flex:0 0 auto}
  .b-card{min-height:0}
}
@media (prefers-reduced-motion:reduce){.b-pronto{animation:none}.b-sale i{animation:none}.b-card{transition:none}}

/* filtros en dos filas: qué quieres hacer · con qué herramienta (· nivel) */
.b-fila{display:grid;gap:8px}
.b-fila[hidden]{display:none}
.b-fila-t{font-size:13px;color:var(--dim);letter-spacing:.04em}
.b-chicos .b-chip{font-size:14px;padding:7px 14px}
.b-herr{color:var(--dim)}
/* ver más */
.b-mas{display:flex;justify-content:center;padding:8px var(--m) 32px}
.b-mas[hidden]{display:none}