#layoutAuthentication_content{
    background-image: url('/img/Sostenibilidad365/4.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    background-color: #f5f5f5;
}

.panel_res_ori{
  height: 250px;
  overflow-y: auto;
}

.step {
  font-weight: bold;
  border-bottom: 3px solid transparent;
  transition: border-color 0.3s;
}

.step.active {
  color: #007bff;
  border-bottom-color: #007bff;
}

.card {
  width: 100%;
  padding: 20px;
}

.new_bg_colo{
  background-color: #029F80;
}

.btn-modulo {
  transition: all 0.2s ease-in-out; /* Añade una transición suave */
}

/* Estilo para el efecto hover */
.btn-modulo:hover {
  background-color: #198754; /* Un verde oscuro y moderno (Bootstrap 5 success) */
  color: #ffffff;            /* Texto en color blanco para un buen contraste */
  border-color: #198754;     /* Asegura que el borde también cambie de color */
}

.btn-raised-nuevo{
  background-color: #029F80;
  color: white;
}

.btn-raised-nuevo:hover {
  background-color: #068d72; /* mismo color para evitar cambio */
  color: white;
}
.border-info{
  border-color: #029F80 !important; 
}

.btn-link-home{
  color: black;
  text-decoration: underline;
  text-decoration-color: black;
}

.card-link-boton{
  color: #029F80;
}

.card-link-boton:hover {
  color: #068d72;
}

.text-primary-icons{
  color: #029F80;
}

.form-check-input:checked {
  background-color: #029F80;
  border-color: #029F80;
}

.cardheader_detalles{
    min-height: 60px; /* Ajusta según lo que necesites */
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.cardtitle_detalles {
    min-height: 80px; /* Ajusta para forzar altura uniforme */
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.card-icon {
  width: 150px;       /* Ancho de la imagen */
  height: 150px;      /* Alto de la imagen */
  object-fit: contain; /* Asegura que la imagen se ajuste sin deformarse */
}

.home_top{
  padding-top: 230px !important;
}

.boton_principal_blanco,
.boton_principal_verde{
  width: 156px;
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;

  box-shadow: 0px 0px 8px #00000029;
  border-radius: 8px;
  text-decoration: none !important;
}

.boton_principal_blanco{
  background: #FFFFFF;
  border: 2px solid #1DA487;
  color: #1DA487 !important;
}

.boton_principal_blanco:hover{
  color: #1DA487 !important;
}

.boton_principal_verde{
  background: #1DA487;
  border: 2px solid #1DA487;
  color: #FFFFFF !important;
}

.boton_principal_verde:hover{
  color: #FFFFFF !important;
}


.texto_title_cmo{
  text-align: left;
  font: normal normal bold 24px/29px Roboto;
  letter-spacing: 0px;
  color: #3B3B3B;
  opacity: 1;
  margin-bottom: 10px !important;
}

.editor-containers {
  display: none;
}

.subtitle_filtros{
  font: normal normal bold 24px/29px Roboto;
  letter-spacing: 0px;
  color: #3B3B3B;
  opacity: 1;
}

.cards_riesgos_f{
  width: 231px;
  height: 92px;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 0px 0px 8px #00000029;
  border-radius: 10px;
  opacity: 1;
  margin-right: 20px;
}

.num_riesgos_tr{
  font: normal normal bold 30px/37px Roboto;
  letter-spacing: 0px;
  color: #1DA487;
  opacity: 1;
}

.num_riesgos_c{
  font: normal normal bold 30px/37px Roboto;
  letter-spacing: 0px;
  color: #EB2A67;
  opacity: 1;
}

.num_riesgos_ep{
  font: normal normal bold 30px/37px Roboto;
  letter-spacing: 0px;
  color: #F49C30;
  opacity: 1;
}

.num_riesgos_m{
  font: normal normal bold 30px/37px Roboto;
  letter-spacing: 0px;
  color: #1DA487;
  opacity: 1;
}

.letra_riesgos_f{
  font: normal normal medium 20px/24px Roboto;
letter-spacing: 0px;
color: #3B3B3B;
opacity: 1;
}

.texto_titulo_card_matriz{
  font: normal normal bold 24px/29px Roboto;
letter-spacing: 0px;
color: #3B3B3B;
opacity: 1;
}

.texto_title_detalles_riesgo{
  text-align: left;
font: normal normal bold 20px/24px Roboto;
letter-spacing: 0px;
color: #3B3B3B;
opacity: 1;
}

.texto_detalles_riesgo{
  text-align: left;
font: normal normal bold 14px/18px Roboto;
letter-spacing: 0px;
color: #3B3B3B;
margin-right: 10px;
}

.texto_detalles_riesgo_txt{
  font: normal normal normal 14px/18px Roboto;
letter-spacing: 0px;
color: #3B3B3B;
}

.texto_plan_mitigacion{
  font: normal normal bold 18px/22px Roboto;
letter-spacing: 0px;
color: #3B3B3B;
opacity: 1;
}


.accordion-item{
  border-radius: 15px !important;
}