.radio-comentarios {
  padding: 12px;
  padding-left: 20px;
}

.radio-comentarios > label {
  text-align: left !important;
}

.radio-check-comentarios {
  margin-left: 0 !important;
}

.hr-custom-comentarios {
  margin: 0;
  margin-bottom: 12px;
}

.textarea-comentarios-usuario {
  height: 100px;
}

.texto-justificado {
  text-align: justify;
}

.texto-interlineado-1 {
  line-height: 1.5;
}

.tag-fortaleza {
  background-color: #137547;
  color: #e8fcc2;
  border: #137547;
  padding: 4px 12px;
  font-size: 12px;
  border-radius: 0 10px 10px 0;
}

.tag-debilidad {
  background-color: #e8fcc2;
  color: #4b7f52;
  border: #e8fcc2;
  padding: 4px 12px;
  font-size: 12px;
  border-radius: 0 10px 10px 0;
}

/*** Buttons ***/

.btn-general-comentarios {
  background-color: transparent;
  border-radius: 8px;
  border: 2px solid #cecece;
  padding: 4px 12px;
}

.btn-general-comentarios:hover {
  color: #76ebcd;
}

.btn-fortaleza {
  background-color: #137547;
  color: #e8fcc2;
  border: #137547;
  transition: 0.1s;
}

.btn-debilidad {
  background-color: #e8fcc2;
  color: #4b7f52;
  border: #e8fcc2;
  transition: 0.1s;
}

.btn-agregar-comentario {
  background-color: #124e78;
  border: #124e78;
}

.btn-agregar-comentario:hover {
  background-color: #8daa9d;
  border: #8daa9d;
}

.btn-editar-comentario {
  background-color: orange;
  border-radius: 10px;
  color: #ffffff;
  padding: 0.2rem 1rem;
}

.btn-editar-comentario:hover {
  background-color: rgb(177, 119, 12);
}

.btn-borrar-comentario {
  background-color: red;
  border-radius: 10px;
  color: #ffffff;
  padding: 0.2rem 1rem;
}

/*** Buttons ***/

.bg-banner-navy {
  --bs-bg-opacity: 1;
  background-color: #163e5b;
}

.card-indicador {
  border-top: 1px solid #ffc406;
}

.card-body-indicador {
  flex: 1 1 auto;
  padding: 1rem 2rem;
}

.indicador {
  font-size: 20px;
  color: #163e5b;
  margin-bottom: 0.5em;
  line-height: 1.5;
  text-align: justify;
}

.respuesta-general {
  background-color: #f0f0f0;
  border-radius: 20px;
  padding: 4px 16px;
  transition: 0.1s;
  margin: 6px 0;
  border: 1px solid #cecece;
  min-width: 110px;
  text-align: center;
}

.respuesta-general:nth-child(1) {
  margin-left: -20px;
}

.respuesta-general:hover {
  transform: scale(1.04);
}

.respuesta-general p {
  margin-bottom: 0;
  color: #163e5b;
  font-weight: lighter;
  display: flex;
  align-content: center;
}

.respuesta-general input[type="radio"] {
  margin-bottom: 0;
  color: #163e5b;
  font-weight: lighter;
  position: relative;
  left: -30px !important;
}

.respuesta-siempre,
.respuesta-siempre input[type="radio"] {
  background-color: rgb(14, 6, 116);
  color: #ffffff;
  font-weight: lighter;
  transition: 0.1s;
  border: 1px solid rgb(14, 6, 116);
  transform: scale(1.04);
}

.respuesta-casi-siempre,
.respuesta-casi-siempre input[type="radio"] {
  background-color: rgb(14, 131, 10);
  color: #ffffff;
  font-weight: lighter;
  transition: 0.1s;
  border: 1px solid rgb(14, 131, 10);
  transform: scale(1.04);
}

.respuesta-a-veces,
.respuesta-a-veces input[type="radio"] {
  background-color: rgb(25, 207, 125);
  color: #ffffff;
  font-weight: lighter;
  transition: 0.1s;
  border: 1px solid rgb(25, 207, 125);
  transform: scale(1.04);
}

.respuesta-casi-nunca,
.respuesta-casi-nunca input[type="radio"] {
  background-color: rgb(235, 178, 23);
  color: #ffffff;
  font-weight: lighter;
  transition: 0.1s;
  border: 1px solid rgb(235, 178, 23);
  transform: scale(1.04);
}

.respuesta-nunca,
.respuesta-nunca input[type="radio"] {
  background-color: rgb(247, 56, 17);
  color: #ffffff;
  font-weight: lighter;
  transition: 0.1s;
  border: 1px solid rgb(247, 56, 17);
  transform: scale(1.04);
}

@media screen and (max-width: 480px) {
  .btn-agregar-comentario {
    min-width: 270px;
  }

  .textarea-comentarios-usuario {
    height: 150px;
  }

  .respuesta-general {
    min-width: 280px;
  }
}