/*
  Ayuda contextual global.
  Aislado con prefijo cmo-context-help.
  No modifica estilos clínicos ni componentes app-*.
*/

.cmo-context-help-fab{
  position: fixed;
  left: 1.1rem;
  right: auto;
  bottom: 1.1rem;
  z-index: 1040;
  border-radius: 999px;
  box-shadow: 0 .6rem 1.6rem rgba(15, 23, 42, .18);
  display: inline-flex;
  align-items: center;
  gap: .45rem;
  font-weight: 800;
}

.cmo-context-help-fab .bi{
  font-size: 1rem;
}

.cmo-context-help-offcanvas{
  max-width: 430px;
}

.cmo-context-help-kicker{
  display: inline-flex;
  align-items: center;
  gap: .4rem;
  color: #1f5f99;
  font-size: .78rem;
  font-weight: 800;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.cmo-context-help-title{
  color: #102a43;
  font-weight: 850;
  line-height: 1.15;
  margin: .35rem 0 .4rem;
}

.cmo-context-help-text{
  color: #52616f;
  line-height: 1.45;
}

.cmo-context-help-list{
  padding-left: 1.15rem;
  margin-bottom: 0;
}

.cmo-context-help-list li + li{
  margin-top: .35rem;
}

.cmo-context-help-chip{
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  border: 1px solid rgba(31, 95, 153, .18);
  background: #f8fbff;
  color: #1f5f99;
  border-radius: 999px;
  padding: .28rem .55rem;
  font-size: .78rem;
  font-weight: 800;
}

.cmo-context-help-section{
  border: 1px solid rgba(15, 23, 42, .08);
  border-radius: .95rem;
  padding: .9rem;
  background: #fff;
}

.cmo-context-help-section + .cmo-context-help-section{
  margin-top: .75rem;
}

.cmo-context-help-section-title{
  color: #102a43;
  font-weight: 850;
  font-size: .95rem;
  margin-bottom: .5rem;
}

.cmo-context-help-speaking{
  outline: 3px solid rgba(31, 95, 153, .18);
  outline-offset: 3px;
}

@media (max-width: 767.98px){
  .cmo-context-help-fab{
    left: .85rem;
    right: auto;
    bottom: .85rem;
    padding-left: .8rem;
    padding-right: .8rem;
  }

  .cmo-context-help-fab-label{
    display: none;
  }
}

@media print{
  .cmo-context-help-fab,
  .cmo-context-help-offcanvas{
    display: none !important;
  }
}


.cmo-context-help-fab.is-user-hidden{
  display: none !important;
}

/* Preferencia visual del usuario */
.cmo-context-help-fab.is-user-hidden{
  display:none !important;
}