/* Lectura y navegación de las seis guías para pacientes. */
.guia-editorial .guia-migas { padding-bottom: 0; }
.guia-editorial .guia-intro { padding-bottom: 2rem; }
.guia-editorial .guia-respuesta { font-size: 1.1rem; }
.guia-editorial section[id],
.guia-editorial li[id],
.guia-editorial details[id] { scroll-margin-top: 8rem; }
.guia-editorial .guia-indice {
  border: 1px solid var(--gris-borde);
  border-left: 4px solid var(--turquesa);
  border-radius: var(--radio-sm);
  padding: 1.15rem 1.4rem;
  margin-bottom: 1.5rem;
  background: var(--blanco);
}
.guia-editorial .guia-indice ul {
  display: grid;
  gap: .45rem;
  padding-left: 1.2rem;
  margin: .65rem 0 0;
}
.guia-editorial .guia-indice a { line-height: 1.5; }
.guia-editorial .guia-tarjetas {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
  margin: 1.5rem 0;
}
.guia-editorial .guia-tarjeta {
  border: 1px solid var(--gris-borde);
  border-radius: var(--radio);
  background: var(--blanco);
  padding: 1.3rem;
}
.guia-editorial .guia-tarjeta h3 { font-size: 1.15rem; }
.guia-editorial .guia-tarjeta p:last-child { margin-bottom: 0; }
.guia-editorial .guia-urgencia { margin-top: 1.5rem; }
.guia-editorial .guia-cita { font-size: .9em; white-space: nowrap; }
.guia-editorial .guia-pregunta { border-bottom: 1px solid var(--gris-borde); }
.guia-editorial .guia-pregunta summary {
  cursor: pointer;
  color: var(--azul-profundo);
  font-weight: 700;
  padding: 1rem .35rem;
  min-height: 48px;
}
.guia-editorial .guia-pregunta summary::marker { color: var(--turquesa); }
.guia-editorial .guia-pregunta > div { padding: .15rem .35rem .6rem; }
.guia-editorial .guia-fuentes { padding-left: 1.4rem; }
.guia-editorial .guia-fuentes li { margin-bottom: .8rem; }
.guia-editorial .guia-autoria { font-size: .92rem; padding-top: 1rem; }
.guia-editorial .guia-cta-primaria { background: var(--blanco); color: var(--azul-profundo); }
.guia-editorial .guia-cta-secundaria { color: var(--blanco); text-decoration: underline; padding: .7rem; }
.guia-editorial p, .guia-editorial li, .guia-editorial a, .guia-editorial summary { overflow-wrap: anywhere; }
@media (max-width: 600px) {
  .guia-editorial .guia-tarjetas { grid-template-columns: minmax(0, 1fr); }
  .guia-editorial .guia-indice { width: calc(100% - 2rem); }
  .guia-editorial .guia-intro .hero__cta .btn { white-space: normal; text-align: center; }
}
@media print {
  .guia-editorial .guia-indice, .guia-editorial .hero__cta { display: none; }
  .guia-editorial .guia-tarjetas { display: block; }
  .guia-editorial .guia-tarjeta { break-inside: avoid; margin-bottom: .75rem; }
}