body {
  background: #000;
  color: #fff;
}

/* Estilos para el cuerpo en pantallas pequeñas (hasta 767px de ancho) */
@media (max-width: 767px) {
    body {
        background-color: #333; /* Fondo oscuro para pantallas pequeñas */
        color: #fff; /* Texto blanco para pantallas pequeñas */
    }
}

.container {
  background: rgb(26, 26, 26);
}



#mensaje_correo_electronico {
  font-size: small;
  
  margin-bottom: 20px;
  margin-right: 20px;
}

#ambito_actual {
  font-size: small;
  
  margin-bottom: 20px;
  margin-right: 20px;
}

#mensaje_cuentaBroker {
  font-size: small;  
  margin-bottom: 20px;
  margin-right: 20px;
}
#mensaje_simulado {
  font-size: small; 
  margin-bottom: 20px;
  margin-right: 20px;
}
#modal {
  display: none; /* Ocultar el modal de forma predeterminada */
  position: fixed;
  z-index: 1;
  left: 0;
}

.dz-message {
    text-align: center;
    margin: 20px 0;
}


.nav-link.active {
  /*/background-color: #007bff; /* Color de fondo para elementos activos */
  color: #ec1919; /* Color de texto para elementos activos */
}

.nav-link {
  /*background-color: #f8f9fa; /* Color de fondo para elementos inactivos */
  color:  rgb(128, 128, 128); /* Color de texto para elementos inactivos */
}

.nav-item button:hover {
  background-color: blue;
}
/*estilo para botones index*/
.card-button {
  background-color: #007bff;
  color: #fff;
  border-radius: 5px;
  padding: 10px 20px;
  text-decoration: none;
  display: inline-block;
  text-align: center;
}

.card-button:hover {
  background-color: #0056b3;
}

.long-button {
  width: 100%; /* Hace que el botón ocupe el 100% del ancho del contenedor padre */
  padding: 10px; /* Ajusta el padding para hacerlo más grande */
  font-size: 16px; /* Ajusta el tamaño de la fuente si es necesario */
}


#labelCP {
  vertical-align: middle;
  line-height: 1.5; /* Ajusta según el tamaño del texto de los enlaces */
  padding-top: 8px; /* Puedes ajustar este valor */
}