/* =========================================================================
   Estilos: Encuesta de Satisfacción para Empresas - Clínica MEPSO
   ========================================================================= */

.option-emoji{
  width: 26px;
  height: 26px;
  margin-right: .45rem;
  vertical-align: middle;
  object-fit: contain;
}

.btn-group-toggle .btn {
  white-space: normal;            /* permite salto de línea en opciones largas */
  border-radius: .6rem !important;
  display: flex;
  align-items: center;            /* centra icono + texto verticalmente */
  justify-content: center;        /* para flex-fill, centra contenido */
  gap: .25rem;
  padding: .5rem .75rem;
}

.btn-group-toggle .btn.active,
.btn-group-toggle .btn:focus{
  box-shadow: 0 0 0 .15rem rgba(40,167,69,.25);
}

.card .card-title { font-weight: 600; }

.question-block .emojiDescription { min-height: 1rem; }

/* Ajuste de la descripción */
.emojiDescription {
  font-size: 1rem;          /* más grande que el .85rem por defecto */
  font-weight: 600;         /* semi-bold */
  text-align: center;       /* centrado */
  margin-top: .5rem;
  min-height: 1.2rem;       /* espacio reservado */
  display: block;
  color: #6c757d;           /* gris bootstrap */
}