/* Panel opcional, sin capa que bloquee el resto de la interfaz. */
.bienvenida {
  padding: 1rem 1.2rem;
  margin-bottom: 1.2rem;
  border: 2px solid var(--foco-visible, var(--ambar));
  border-radius: var(--r-grande);
  color: var(--texto);
  background: var(--sup);
}
.bienvenida h2 { font-size: 1.2rem; }
.bienvenida p { margin: .6rem 0; }
.bienvenida .bienvenida-paso { font-weight: 700; font-size: .9rem; }
.bienvenida-acciones { display: flex; flex-wrap: wrap; gap: .5rem; margin-top: .8rem; }
.bienvenida-acciones button { min-height: 44px; }
.bienvenida-recorrido {
  position: fixed;
  bottom: 1rem;
  right: 1rem;
  width: min(26rem, calc(100vw - 2rem));
  max-height: 48vh;
  overflow-y: auto;
  overscroll-behavior: contain;
  margin: 0;
  z-index: 35;
  box-shadow: var(--sombra);
}
.bienvenida-objetivo {
  outline: 3px solid var(--foco-visible, var(--ambar)) !important;
  outline-offset: 3px;
  border-radius: var(--r-chico);
  scroll-margin-block: 1rem;
}
#ayuda-recorrido { width: 100%; text-align: left; }
#ayuda-preparar { width: 100%; text-align: left; margin-top: .5rem; }
.preparacion > details { border: 1px solid var(--borde-control); border-radius: var(--r); padding: .8rem; margin: .8rem 0; }
.preparacion > details > summary { font-weight: 600; padding: .4rem; }
.preparacion .fila-compacta { margin-top: .7rem; }
.preparacion select { max-width: 100%; }
.preparacion p { overflow-wrap: anywhere; }
.modelos-opciones { align-self: flex-start; max-width: 100%; }
.modelos-opciones > summary {
  min-height: 44px;
  padding: .55rem .8rem;
  border: 1px solid var(--ambar);
  border-radius: var(--r);
  color: var(--texto);
  background: var(--sup);
  font-weight: 600;
  cursor: pointer;
}
.modelos-opciones[open] > summary { margin-bottom: .6rem; }
.modelos-opciones > p { max-width: 24rem; }
@media (max-width: 600px) {
  .bienvenida-recorrido { padding: .75rem; bottom: .5rem; right: .5rem; width: calc(100vw - 1rem); }
  .bienvenida-acciones { gap: .35rem; }
  .bienvenida-acciones button { flex: 1 1 auto; }
  #a2-controles > .modelos-opciones { width: 100%; }
}
@media (forced-colors: active) {
  .bienvenida, .modelos-opciones > summary { border-color: ButtonText; }
  .bienvenida-objetivo { outline-color: Highlight !important; }
}