/* playground.edubox.app — Correcciones mínimas de diseño */

/* 1. FIX: Grid de tarjetas con scroll horizontal */
body { overflow-x: hidden; }

/* 2. FIX: Espaciado en tabs - separar número del texto */
[role="tab"], .tab { display: inline-flex; align-items: center; gap: var(--box-spacing); }
.tab-count { display: inline-flex; align-items: center; margin-left: 8px; }

/* 3. FIX: Breadcrumb - alinear iconos */
[aria-label="breadcrumb"] { display: flex; align-items: center; }
[aria-label="breadcrumb"] svg { vertical-align: -2px; }

/* 4. FIX: Dos columnas - balance responsive */
.box-article-layout { display: grid; grid-template-columns: 1fr; gap: var(--box-gutter); }
@media (min-width: 1024px) { .box-article-layout { grid-template-columns: 2fr 1fr; } }
.box-sidebar { position: sticky; top: 16px; }
@media (max-width: 1023px) { .box-sidebar { position: static; } }

/* 5. FIX: Alturas de tarjetas consistentes */
.playground-new-explorer article,
#app-buscador article { display: flex; flex-direction: column; }
.playground-new-explorer article footer,
#app-buscador article footer { margin-top: auto; }

/* 6. FIX: Pantalla de inicio - contenedor más ancho */
body[data-ui-context="public"] main .box-container-narrow,
html body #hl-espacio-screen {
  max-width: none;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}