/* wikitel.org · «Wiki en casa» · «Todas las herramientas»: lista ligera por categorías (lo carga assets/pages/listado.js) */
.listado-cab{padding:22px 0 18px;display:grid;grid-template-columns:170px 1fr;column-gap:26px;row-gap:14px;align-items:end}
.listado-wiki{grid-row:1/3;align-self:center}.listado-wiki svg{width:170px;height:auto}
.listado-cab h1{grid-column:2;align-self:end}
.listado-texto{grid-column:2;display:grid;gap:12px}
.listado-texto .bocadillo{font-size:1.02rem}
.listado-texto .bocadillo::before{content:"";position:absolute;left:-15px;top:20px;width:24px;height:24px;background:var(--papel-claro);border-left:var(--borde);border-bottom:var(--borde);transform:rotate(45deg);border-radius:0 0 0 6px}
.listado-cab h1{font-size:clamp(2.1rem,4vw,3.1rem)}
.cuenta{color:var(--tinta-suave)}
.listado-cab .buscador{margin-top:8px}
.chips{list-style:none;margin:8px 0 34px;padding:4px 0 10px;display:flex;flex-wrap:wrap;gap:8px}
.grupos{display:grid;gap:40px}
.grupo{display:grid;grid-template-columns:280px 1fr;gap:28px;padding-top:26px;border-top:2px solid var(--linea)}
.grupo-cab{display:flex;gap:14px;align-items:flex-start}
.grupo-cab .grupo-icono{width:52px;height:52px;border:2px solid var(--linea)}
.grupo-cab .grupo-icono .icono{width:26px;height:26px}
.grupo-cab h2{font-size:1.55rem;margin:4px 0 6px}
.grupo-cab p{font-size:.95rem;color:var(--tinta-suave)}
.filas{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:6px 24px}
.fila{display:grid;grid-template-columns:auto 1fr;column-gap:10px;align-items:baseline;padding:12px 14px;border-radius:14px;text-decoration:none;color:var(--tinta)}
.fila strong{font-size:1.05rem}
.fila .d{grid-column:1/-1;font-size:.92rem;color:var(--tinta-suave);margin-top:2px}
@media (hover:hover){.fila:hover{background:var(--papel-claro);box-shadow:inset 0 0 0 1.5px var(--linea)}}
.filas mark{background:var(--teja-suave);color:inherit;border-radius:3px}
.vacio{display:grid;grid-template-columns:200px 1fr;gap:28px;align-items:center;background:var(--cielo);border-radius:var(--r-xl);padding:30px 40px;margin-top:10px}
.vacio[hidden]{display:none}
.vacio-wiki svg{width:190px;height:auto}
.vacio h2{font-size:1.9rem;margin-bottom:10px}
.vacio p+p{margin-top:16px}
@media (max-width:820px){.grupo{grid-template-columns:1fr;gap:12px}.filas{grid-template-columns:1fr}}
@media (max-width:600px){
  .listado-cab{grid-template-columns:86px 1fr;column-gap:12px;align-items:center}
  .listado-wiki{grid-row:1}.listado-wiki svg{width:86px}
  .listado-cab h1{grid-column:2;align-self:center}
  .listado-texto{grid-column:1/-1}
  .listado-texto .bocadillo{font-size:.97rem}
  .listado-texto .bocadillo::before{left:34px;top:-14px;border:0;border-left:var(--borde);border-top:var(--borde)}
  .chips{flex-wrap:nowrap;overflow-x:auto;margin-inline:-16px;padding-inline:16px;scrollbar-width:none}
  .fila{padding:11px 8px}
  .vacio{grid-template-columns:90px 1fr;padding:22px 18px;gap:14px}.vacio-wiki svg{width:90px}.vacio h2{font-size:1.4rem}
}
/* Móviles de 320 px (iPhone SE de primera generación): «herramientas» no cabía junto a Wiki y empujaba la cabecera. */
@media (max-width:360px){
  .listado-cab{grid-template-columns:70px minmax(0,1fr)}
  .listado-wiki svg{width:70px}
  .listado-cab h1{font-size:1.75rem}
}