/* Página «Recurso didáctico» — guía docente con actividades de aula.
 *
 * Hoja propia, cargada junto a que-es-arca.css (reutiliza sus tokens y sus
 * clases .cat-about-*). Solo añade lo específico de esta página: la lista de
 * metadatos de cada actividad, las preguntas guiadas y el modo impresión.
 */

/* Rejilla de actividades: sustituye el acordeon plano apilado (se veia
   "apelmazado", mismo aspecto repetido 6-8 veces seguidas, feedback en
   pantalla real 23-ago-2026) por tarjetas independientes con su propia
   etiqueta de area curricular, para que el conjunto se lea de un vistazo
   antes de abrir ninguna. Sin iconos: solo texto, con contraste
   comprobado contra cada fondo. */
.cat-didactico-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  gap: 1.5rem;
  margin-top: 1.5rem;
}
.cat-didactico-card {
  border: 1px solid var(--cat-line);
  border-top: 4px solid var(--cat-gold);
  background: var(--cat-surface);
  align-self: start;
}
.cat-didactico-card > summary {
  display: flex;
  flex-direction: column;
  gap: .5rem;
  padding: 1.3rem 1.4rem;
  cursor: pointer;
  list-style: none;
}
.cat-didactico-card > summary::-webkit-details-marker { display: none; }
.cat-didactico-card__tag {
  align-self: flex-start;
  padding: .25rem .6rem;
  background: #f3ead7;
  color: #6b4a1a;
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .04em;
  text-transform: uppercase;
}
.cat-didactico-card__title {
  color: var(--cat-blue-deep);
  font: 1.2rem/1.3 var(--cat-serif);
}
.cat-didactico-card__meta {
  color: #4a4038;
  font-size: .85rem;
  font-weight: 700;
}
.cat-didactico-card[open] > summary { border-bottom: 1px solid var(--cat-line); }
.cat-didactico-card > summary:focus-visible { outline: 3px solid var(--cat-red-deep, #8e242b); outline-offset: -3px; }
.cat-didactico-card__body { padding: 1.1rem 1.4rem 1.4rem; }
.cat-didactico-card__body .cat-didactico-meta { margin-top: 0; }

.cat-didactico-meta {
  list-style: none;
  margin: 0 0 1.1rem;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: .5rem 1.5rem;
  font-size: .92rem;
}

.cat-didactico-meta li {
  color: #4a4038;
}

.cat-didactico-meta strong {
  color: var(--cat-red, #a6291f);
}

.cat-didactico-consigna {
  font-weight: 600;
  margin: 0 0 .6rem;
}

.cat-didactico-preguntas {
  margin: 0;
  padding-left: 1.3rem;
  display: grid;
  gap: .7rem;
  line-height: 1.6;
}

.cat-didactico-preguntas li::marker {
  color: var(--cat-red, #a6291f);
  font-weight: 700;
}

/* Botón de impresión: reutiliza .cat-button pero como <button>, no <a>. */
[data-print-guia] {
  font: inherit;
  cursor: pointer;
  border: none;
}

@media print {
  .cat-sidebar,
  .cat-nav-toggle,
  .cat-breadcrumb,
  .cat-about-hero__actions,
  .cat-site-footer,
  [data-print-guia] {
    display: none !important;
  }
  .cat-didactico-card {
    break-inside: avoid;
  }
  a[href]::after {
    content: "";
  }
}